@syncfusion/ej2-navigations 26.1.38 → 26.1.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.38
+*  version : 26.1.40
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@26.1.35",
+  "_id": "@syncfusion/ej2-navigations@26.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-HDPzSTq85sQHXSL+DEUdXoEBDd4qQgMmC/f+0SB+1oQprZL6LSv8lB8XUEAKm1Ii49aixLnMGwwD61dhrFq8KQ==",
+  "_integrity": "sha512-nx8+3jGZTNQzQ7xIiwKyB2wum+nmP+eQF+ljJ/+vvhn54c2b3WkGTcANpvKFQ2NluOytjU894S7QBFx4fXeV4Q==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-26.1.35.tgz",
-  "_shasum": "9ec87abcfa03b6a8cc404093380dd8c66f737b68",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-26.1.39.tgz",
+  "_shasum": "60cc3aeedd220788eee7250f705c8c5fa2c0f34f",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -52,9 +52,9 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-buttons": "~26.1.35",
-    "@syncfusion/ej2-data": "~26.1.35",
-    "@syncfusion/ej2-inputs": "~26.1.38",
+    "@syncfusion/ej2-buttons": "~26.1.40",
+    "@syncfusion/ej2-data": "~26.1.40",
+    "@syncfusion/ej2-inputs": "~26.1.40",
     "@syncfusion/ej2-lists": "~26.1.35",
     "@syncfusion/ej2-popups": "~26.1.38"
   },
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.1.38",
+  "version": "26.1.40",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -703,7 +703,8 @@ var MenuBase = /** @class */ (function (_super) {
                     else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
                         _this.closeMenu(null, e);
                     }
-                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed && !_this.isCmenuHover) {
+                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 &&
+                        !_this.isMenusClosed && !_this.isCmenuHover) {
                         _this.isMenusClosed = true;
                         _this.closeMenu(0, e);
                     }

package/src/stepper/stepper.d.ts

@@ -321,6 +321,7 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     private getTemplateFunction;
     private navigateToStep;
     private navigationHandler;
+    private updateStepInteractions;
     private removeItemElements;
     nextStep(): void;
     previousStep(): void;

package/src/stepper/stepper.js

@@ -52,6 +52,9 @@ var LABELINDICATOR = 'e-step-type-label';
 var INDICATORICON = 'e-step-indicator';
 var STEPPERTOOLTIP = 'e-stepper-tooltip';
 var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
+var LINEARSTEP = 'e-linear';
+var PREVSTEP = 'e-previous';
+var NEXTSTEP = 'e-next';
 /**
  * Defines the step progress animation of the Stepper.
  */
@@ -903,6 +906,17 @@ var Stepper = /** @class */ (function (_super) {
                 }
             }
         }
+        this.updateStepInteractions();
+    };
+    Stepper.prototype.updateStepInteractions = function () {
+        var _this = this;
+        this.element.classList.toggle(LINEARSTEP, this.linear);
+        this.stepperItemElements.forEach(function (step, index) {
+            var isPreviousStep = (index === _this.activeStep - 1);
+            var isNextStep = (index === _this.activeStep + 1);
+            step.classList.toggle(PREVSTEP, isPreviousStep);
+            step.classList.toggle(NEXTSTEP, isNextStep);
+        });
     };
     Stepper.prototype.removeItemElements = function () {
         for (var i = 0; i < this.stepperItemElements.length; i++) {
@@ -921,14 +935,17 @@ var Stepper = /** @class */ (function (_super) {
         }
     };
     Stepper.prototype.reset = function () {
-        if (this.activeStep !== 0) {
+        if (this.activeStep === 0) {
+            this.updateStepInteractions();
+        }
+        else {
             var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED) ? true : false;
             this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
         }
     };
     Stepper.prototype.updateElementClassArray = function () {
         var classArray = [RTL, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
-            'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
+            'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
         removeClass([this.element], classArray);
     };
     Stepper.prototype.destroy = function () {
@@ -1180,6 +1197,9 @@ var Stepper = /** @class */ (function (_super) {
                 case 'animation':
                     this.updateAnimation();
                     break;
+                case 'linear':
+                    this.updateStepInteractions();
+                    break;
             }
         }
     };

package/src/treeview/treeview.js

@@ -68,7 +68,7 @@ var DISABLE = 'e-disable';
 var DROPCOUNT = 'e-drop-count';
 var CHECK = 'e-check';
 var INDETERMINATE = 'e-stop';
-var CHECKBOXWRAP = 'e-checkbox-wrapper';
+var CHECKBOXWRAP = 'e-treeview-checkbox';
 var CHECKBOXFRAME = 'e-frame';
 var CHECKBOXRIPPLE = 'e-ripple-container';
 var RIPPLE = 'e-ripple';
@@ -779,6 +779,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
+            checkboxEle.classList.add(CHECKBOXWRAP);
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNOU(icon) ? 0 : 1]);
@@ -856,7 +857,7 @@ var TreeView = /** @class */ (function (_super) {
             return 2;
         }
         for (var i = 0, len = ds.length; i < len; i++) {
-            if ((typeof mapper.child === 'string') && !isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
+            if ((typeof mapper.child === 'string') && (!isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) || (Object.prototype.hasOwnProperty.call(ds[parseInt(i.toString(), 10)], mapper.child)))) {
                 return 2;
             }
             if (this.isChildObject()) {
@@ -1483,6 +1484,9 @@ var TreeView = /** @class */ (function (_super) {
                 _this.afterFinalized();
             }
         });
+        if (this.index > 0) {
+            this.index = 0;
+        }
     };
     TreeView.prototype.expandCallback = function (eUid, callback) {
         var eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -1491,9 +1495,7 @@ var TreeView = /** @class */ (function (_super) {
             if (!isNOU(icon)) {
                 this.expandAction(eNode, icon, null, false, callback);
             }
-            else {
-                callback();
-            }
+            callback();
         }
         else {
             callback();

package/styles/accordion/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;

package/styles/appbar/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;

package/styles/bootstrap-dark.css

@@ -10611,6 +10611,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/bootstrap.css

@@ -10622,6 +10622,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/bootstrap4.css

@@ -10740,6 +10740,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/bootstrap5-dark.css

@@ -10758,6 +10758,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/bootstrap5.css

@@ -10758,6 +10758,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/breadcrumb/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;

package/styles/carousel/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;

package/styles/context-menu/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;

package/styles/fabric-dark.css

@@ -10611,6 +10611,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/fabric.css

@@ -10613,6 +10613,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/fluent-dark.css

@@ -10732,6 +10732,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/fluent.css

@@ -10732,6 +10732,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;
@@ -12318,6 +12318,14 @@ ejs-sidebar {
 .e-stepper .e-step-selected .e-label {
   font-weight: 600;
 }
+.e-stepper.e-linear .e-step-container {
+  pointer-events: none;
+}
+.e-stepper.e-linear .e-previous:not(.e-step-disabled),
+.e-stepper.e-linear .e-next:not(.e-step-disabled),
+.e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
+  pointer-events: auto;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;

package/styles/h-scroll/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;