@syncfusion/ej2-navigations 27.2.5 → 28.1.35

package/styles/stepper/bds.scss

@@ -0,0 +1,6 @@
+@import 'ej2-base/styles/definition/bds.scss';
+@import 'ej2-popups/styles/tooltip/bds-definition.scss';
+@import 'bds-definition.scss';
+@import 'icons/bds.scss';
+@import 'all.scss';
+@import 'bigger.scss';

package/styles/stepper/bootstrap-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #1a1a1a;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #484848;
   color: #484848;
 }

package/styles/stepper/bootstrap.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #eee;
   color: #777;
 }

package/styles/stepper/bootstrap4.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #dee2e6;
   color: #f8f9fa;
 }

package/styles/stepper/bootstrap5-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #212529;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #495057;
   color: #6c757d;
 }

package/styles/stepper/bootstrap5.3.css

@@ -253,6 +253,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -276,6 +277,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -527,7 +529,8 @@
   background-color: var(--color-sf-content-bg-color);
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: var(--color-sf-content-bg-color-alt2);
   color: var(--color-sf-icon-color-disabled);
 }

package/styles/stepper/bootstrap5.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #dee2e6;
   color: #adb5bd;
 }

package/styles/stepper/fabric-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #201f1f;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #414040;
   color: #9a9a9a;
 }

package/styles/stepper/fabric.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #eaeaea;
   color: #a6a6a6;
 }

package/styles/stepper/fluent-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #1b1a19;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #292827;
   color: #484644;
 }

package/styles/stepper/fluent.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #edebe9;
   color: #a19f9d;
 }

package/styles/stepper/fluent2.css

@@ -255,6 +255,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -278,6 +279,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -529,7 +531,8 @@
   background-color: var(--color-sf-content-bg-color);
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: var(--color-sf-content-bg-color-disabled);
   color: var(--color-sf-secondary-text-color-disabled);
 }

package/styles/stepper/highcontrast-light.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #757575;
   color: #fff;
 }

package/styles/stepper/highcontrast.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #000;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #757575;
   color: #000;
 }

package/styles/stepper/icons/_tailwind3.scss

@@ -0,0 +1,5 @@
+@include export-module('stepper-tailwind3-icons') {
+  .e-step-indicator::before {
+    content: '\e8db';
+  }
+}

package/styles/stepper/material-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #383838;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #424242;
   color: #9e9e9e;
 }

package/styles/stepper/material.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #e0e0e0;
   color: #757575;
 }

package/styles/stepper/material3-dark.css

@@ -251,6 +251,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -274,6 +275,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -526,7 +528,8 @@
   background-color: rgba(var(--color-sf-surface));
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface), 0.38);

package/styles/stepper/material3.css

@@ -253,6 +253,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -276,6 +277,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -528,7 +530,8 @@
   background-color: rgba(var(--color-sf-surface));
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface), 0.38);

package/styles/stepper/tailwind-dark.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #1f2937;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #4b5563;
   color: #6b7280;
 }

package/styles/stepper/tailwind.css

@@ -249,6 +249,7 @@
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -272,6 +273,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -523,7 +525,8 @@
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #e5e7eb;
   color: #9ca3af;
 }