@syncfusion/ej2-react-navigations 26.1.35 → 26.1.39

package/styles/bootstrap.css

@@ -2823,9 +2823,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2902,10 +2902,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #ddd;
@@ -10628,6 +10628,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

@@ -2823,9 +2823,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f8f9fa;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f8f9fa;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2902,10 +2902,10 @@
   color: #007bff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #000 #000 rgba(0, 0, 0, 0.13);
@@ -10746,6 +10746,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

@@ -2899,9 +2899,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2978,10 +2978,10 @@
   color: #6ea8fe;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #444c54;
@@ -10800,6 +10800,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

@@ -2899,9 +2899,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2978,10 +2978,10 @@
   color: #0c63e4;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #dee2e6;
@@ -10800,6 +10800,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

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #414040;
+  background: #414040;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #414040;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #dadada;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #414040;
@@ -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

@@ -2821,9 +2821,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f4f4f4;
+  background: #f4f4f4;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f4f4f4;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2900,10 +2900,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #eaeaea;
@@ -10616,6 +10616,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

@@ -2872,9 +2872,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
+  background: #252423;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #252423;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2951,10 +2951,10 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #292827;
@@ -10773,6 +10773,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

@@ -2872,9 +2872,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #201f1e;
+  background: #f3f2f1;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f2f1;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2951,10 +2951,10 @@
   color: #605e5c;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #edebe9;
@@ -10773,6 +10773,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;