@syncfusion/ej2-navigations 25.1.39 → 25.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +25 -4
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +25 -4
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +6 -6
  13. package/src/accordion/accordion.js +3 -2
  14. package/src/stepper/stepper.js +1 -1
  15. package/src/toolbar/toolbar.js +1 -1
  16. package/src/treeview/treeview.js +20 -0
  17. package/styles/bootstrap-dark.css +311 -296
  18. package/styles/bootstrap.css +311 -296
  19. package/styles/bootstrap4.css +311 -296
  20. package/styles/bootstrap5-dark.css +311 -296
  21. package/styles/bootstrap5.css +311 -296
  22. package/styles/fabric-dark.css +311 -296
  23. package/styles/fabric.css +311 -296
  24. package/styles/fluent-dark.css +311 -296
  25. package/styles/fluent.css +311 -296
  26. package/styles/highcontrast-light.css +311 -296
  27. package/styles/highcontrast.css +311 -296
  28. package/styles/material-dark.css +311 -296
  29. package/styles/material.css +311 -296
  30. package/styles/material3-dark.css +311 -296
  31. package/styles/material3.css +311 -296
  32. package/styles/stepper/_layout.scss +162 -242
  33. package/styles/stepper/_theme.scss +158 -184
  34. package/styles/stepper/bootstrap-dark.css +311 -296
  35. package/styles/stepper/bootstrap.css +311 -296
  36. package/styles/stepper/bootstrap4.css +311 -296
  37. package/styles/stepper/bootstrap5-dark.css +311 -296
  38. package/styles/stepper/bootstrap5.css +311 -296
  39. package/styles/stepper/fabric-dark.css +311 -296
  40. package/styles/stepper/fabric.css +311 -296
  41. package/styles/stepper/fluent-dark.css +311 -296
  42. package/styles/stepper/fluent.css +311 -296
  43. package/styles/stepper/highcontrast-light.css +311 -296
  44. package/styles/stepper/highcontrast.css +311 -296
  45. package/styles/stepper/material-dark.css +311 -296
  46. package/styles/stepper/material.css +311 -296
  47. package/styles/stepper/material3-dark.css +311 -296
  48. package/styles/stepper/material3.css +311 -296
  49. package/styles/stepper/tailwind-dark.css +311 -296
  50. package/styles/stepper/tailwind.css +311 -296
  51. package/styles/tailwind-dark.css +311 -296
  52. package/styles/tailwind.css +311 -296
@@ -10548,21 +10548,21 @@ ejs-sidebar {
10548
10548
  position: relative;
10549
10549
  }
10550
10550
  .e-stepper.e-stepper-readonly,
10551
- .e-stepper .e-stepper-steps .e-step-container.e-step-disabled {
10551
+ .e-stepper .e-step-disabled {
10552
10552
  cursor: default;
10553
10553
  pointer-events: none;
10554
10554
  }
10555
- .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10555
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10556
10556
  font-size: 32px;
10557
10557
  border-radius: 9999px;
10558
10558
  }
10559
- .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-step-content {
10559
+ .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10560
10560
  padding: 0 8px;
10561
10561
  }
10562
- .e-stepper .e-stepper-steps .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10562
+ .e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10563
10563
  position: relative;
10564
10564
  }
10565
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10565
+ .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10566
10566
  position: unset;
10567
10567
  }
10568
10568
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
@@ -10588,12 +10588,12 @@ ejs-sidebar {
10588
10588
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10589
10589
  top: -6px;
10590
10590
  }
10591
- .e-stepper .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10591
+ .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10592
10592
  left: unset;
10593
10593
  top: 0;
10594
10594
  transform: translate(0%, -135%);
10595
10595
  }
10596
- .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
10596
+ .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10597
10597
  transform: translate(-50%, -115%);
10598
10598
  }
10599
10599
  .e-stepper .e-stepper-steps {
@@ -10607,28 +10607,76 @@ ejs-sidebar {
10607
10607
  -ms-flex-align: start;
10608
10608
  align-items: flex-start;
10609
10609
  }
10610
- .e-stepper .e-stepper-steps .e-step-container {
10611
- max-width: var(--max-width);
10610
+ .e-stepper .e-stepper-steps .e-step-container,
10611
+ .e-stepper .e-stepper-steps .e-step,
10612
+ .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10613
+ .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10614
+ .e-stepper .e-stepper-steps .e-step-label-container {
10615
+ display: -ms-flexbox;
10616
+ display: flex;
10617
+ -ms-flex-align: center;
10618
+ align-items: center;
10619
+ -ms-flex-pack: center;
10620
+ justify-content: center;
10612
10621
  }
10613
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator {
10614
- border: 2px solid;
10622
+ .e-stepper .e-step-container {
10623
+ max-width: var(--max-width);
10624
+ list-style-type: none;
10625
+ cursor: pointer;
10626
+ text-align: center;
10615
10627
  }
10616
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10617
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10628
+ .e-stepper .e-step-container .e-step-label-container,
10629
+ .e-stepper .e-step-container .e-step-text-container {
10618
10630
  max-width: clamp(100%, 10em, 100%);
10619
10631
  white-space: nowrap;
10620
10632
  }
10621
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10633
+ .e-stepper .e-step-container .e-step-label-optional {
10622
10634
  font-size: 12px;
10623
10635
  -ms-flex-preferred-size: 100%;
10624
10636
  flex-basis: 100%;
10625
10637
  }
10626
- .e-stepper .e-stepper-steps .e-step-container .e-step-optional-container {
10638
+ .e-stepper .e-step-container .e-step-optional-container {
10627
10639
  display: -ms-flexbox;
10628
10640
  display: flex;
10629
10641
  -ms-flex-direction: column;
10630
10642
  flex-direction: column;
10631
10643
  }
10644
+ .e-stepper .e-step-container .e-step-content {
10645
+ font-size: 16px;
10646
+ line-height: 0;
10647
+ }
10648
+ .e-stepper .e-step-container .e-indicator {
10649
+ font-size: 16px;
10650
+ }
10651
+ .e-stepper .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10652
+ padding: 0 8px;
10653
+ }
10654
+ .e-stepper .e-step-container.e-step-text-only .e-step-text-container, .e-stepper .e-step-container.e-step-label-only .e-step-label-container {
10655
+ padding: 0 6px;
10656
+ padding-block: 5px;
10657
+ }
10658
+ .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container {
10659
+ -ms-flex-direction: column;
10660
+ flex-direction: column;
10661
+ }
10662
+ .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container .e-step-validation-icon {
10663
+ position: relative;
10664
+ top: 0.25em;
10665
+ }
10666
+ .e-stepper .e-step-container .e-step-label-container,
10667
+ .e-stepper .e-step-container .e-step-text-container {
10668
+ font-size: 14px;
10669
+ }
10670
+ .e-stepper .e-step-container .e-step,
10671
+ .e-stepper .e-step-container .e-indicator {
10672
+ border-radius: 9999px;
10673
+ min-width: 32px;
10674
+ min-height: 32px;
10675
+ }
10676
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
10677
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator {
10678
+ border: 2px solid;
10679
+ }
10632
10680
  .e-stepper.e-horizontal {
10633
10681
  display: block;
10634
10682
  }
@@ -10636,43 +10684,41 @@ ejs-sidebar {
10636
10684
  -ms-flex-direction: row;
10637
10685
  flex-direction: row;
10638
10686
  }
10639
- .e-stepper.e-horizontal.e-label-before:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10687
+ .e-stepper.e-horizontal.e-label-before:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10640
10688
  margin-left: var(--progress-left-position);
10641
10689
  top: var(--progress-top-position);
10642
10690
  width: var(--progress-bar-width);
10643
10691
  }
10644
- .e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10692
+ .e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10645
10693
  margin-right: var(--progress-left-position);
10646
10694
  margin-left: unset;
10647
10695
  }
10648
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10696
+ .e-stepper.e-horizontal .e-step-icon.e-step-label {
10649
10697
  gap: 1em;
10698
+ -ms-flex-direction: column;
10699
+ flex-direction: column;
10650
10700
  }
10651
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container {
10701
+ .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
10652
10702
  position: relative;
10653
10703
  }
10654
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-before {
10704
+ .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10655
10705
  -ms-flex-order: -1;
10656
10706
  order: -1;
10657
10707
  }
10658
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-text.e-step-label, .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10659
- -ms-flex-direction: column;
10660
- flex-direction: column;
10661
- }
10662
- .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
10708
+ .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10663
10709
  -ms-flex-order: -1;
10664
10710
  order: -1;
10665
10711
  }
10666
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10712
+ .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10667
10713
  position: absolute;
10668
10714
  top: 2.5em;
10669
10715
  margin-left: 2.5em;
10670
10716
  }
10671
- .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10717
+ .e-stepper.e-horizontal.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10672
10718
  margin-right: 2.5em;
10673
10719
  margin-left: unset;
10674
10720
  }
10675
- .e-stepper.e-horizontal.e-label-start.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10721
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10676
10722
  margin-right: unset;
10677
10723
  margin-left: 2.5em;
10678
10724
  }
@@ -10680,27 +10726,50 @@ ejs-sidebar {
10680
10726
  -ms-flex-align: end;
10681
10727
  align-items: flex-end;
10682
10728
  }
10683
- .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10729
+ .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10684
10730
  -ms-flex-direction: column;
10685
10731
  flex-direction: column;
10686
10732
  gap: 0.5em;
10687
10733
  }
10734
+ .e-stepper.e-horizontal .e-text,
10735
+ .e-stepper.e-horizontal .e-label,
10736
+ .e-stepper.e-horizontal .e-step-label-optional {
10737
+ text-overflow: ellipsis;
10738
+ overflow: hidden;
10739
+ }
10740
+ .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10741
+ .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10742
+ .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10743
+ .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10744
+ -ms-flex-wrap: wrap;
10745
+ flex-wrap: wrap;
10746
+ }
10747
+ .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10748
+ -ms-flex-wrap: wrap;
10749
+ flex-wrap: wrap;
10750
+ }
10751
+ .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10752
+ margin-top: 0.5em;
10753
+ }
10754
+ .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10755
+ margin-top: 0.2em;
10756
+ }
10688
10757
  .e-stepper.e-vertical {
10689
10758
  min-height: inherit;
10690
10759
  display: inline-block;
10691
10760
  }
10692
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
10693
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-template {
10761
+ .e-stepper.e-vertical .e-step-label.e-step-label-only,
10762
+ .e-stepper.e-vertical .e-step-template {
10694
10763
  position: relative;
10695
10764
  }
10696
- .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
10765
+ .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10697
10766
  position: absolute;
10698
10767
  }
10699
- .e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10768
+ .e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10700
10769
  margin-top: 3em;
10701
10770
  margin-left: 4em;
10702
10771
  }
10703
- .e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10772
+ .e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10704
10773
  margin-left: unset;
10705
10774
  margin-right: 4em;
10706
10775
  }
@@ -10718,66 +10787,66 @@ ejs-sidebar {
10718
10787
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10719
10788
  float: right;
10720
10789
  }
10721
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
10722
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label)),
10723
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-text)), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-container.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
10790
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
10791
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10792
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
10724
10793
  -ms-flex-align: center;
10725
10794
  align-items: center;
10726
10795
  }
10727
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10728
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10796
+ .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10797
+ .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10729
10798
  margin-left: 10px;
10730
10799
  }
10731
- .e-stepper.e-vertical.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10732
- .e-stepper.e-vertical.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10800
+ .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10801
+ .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10733
10802
  margin-left: unset;
10734
10803
  margin-right: 10px;
10735
10804
  }
10736
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional),
10737
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
10738
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
10805
+ .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
10806
+ .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10807
+ .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10739
10808
  -ms-flex-direction: column;
10740
10809
  flex-direction: column;
10741
10810
  }
10742
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
10743
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10744
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10811
+ .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
10812
+ .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10813
+ .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10745
10814
  position: unset;
10746
10815
  }
10747
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10816
+ .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10748
10817
  gap: 0.5em;
10749
10818
  }
10750
- .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10819
+ .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10751
10820
  -ms-flex-direction: column;
10752
10821
  flex-direction: column;
10753
10822
  }
10754
- .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
10823
+ .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
10755
10824
  line-height: 2em;
10756
10825
  }
10757
- .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-optional {
10826
+ .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-optional {
10758
10827
  position: unset;
10759
10828
  }
10760
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
10829
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
10761
10830
  position: absolute;
10762
10831
  }
10763
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
10832
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
10764
10833
  left: 0;
10765
10834
  }
10766
- .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10835
+ .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10767
10836
  font-size: 12px;
10768
10837
  }
10769
- .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-before .e-label {
10838
+ .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-before .e-label {
10770
10839
  width: var(--label-width);
10771
10840
  }
10772
- .e-stepper.e-vertical .e-stepper-steps .e-step-container:not(.e-step-text-only) .e-step-text-container {
10841
+ .e-stepper.e-vertical .e-step-container:not(.e-step-text-only) .e-step-text-container {
10773
10842
  border: none;
10774
10843
  border-radius: unset;
10775
10844
  padding: 6px 0;
10776
10845
  }
10777
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
10846
+ .e-stepper.e-vertical .e-step-container.e-step-text-only .e-step-text-container, .e-stepper.e-vertical .e-step-container.e-step-label-only .e-step-label-container {
10778
10847
  position: unset;
10779
10848
  }
10780
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional {
10849
+ .e-stepper.e-vertical.e-label-top .e-step-label-optional {
10781
10850
  padding-bottom: 6px;
10782
10851
  }
10783
10852
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
@@ -10789,79 +10858,13 @@ ejs-sidebar {
10789
10858
  flex-direction: column;
10790
10859
  }
10791
10860
  .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
10792
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
10861
+ margin-left: 0;
10793
10862
  }
10794
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
10795
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container {
10863
+ .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10864
+ .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10796
10865
  -ms-flex-order: -1;
10797
10866
  order: -1;
10798
10867
  }
10799
- .e-stepper .e-stepper-steps .e-step-container,
10800
- .e-stepper .e-stepper-steps .e-step-container .e-step,
10801
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
10802
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
10803
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10804
- display: -ms-flexbox;
10805
- display: flex;
10806
- -ms-flex-align: center;
10807
- align-items: center;
10808
- -ms-flex-pack: center;
10809
- justify-content: center;
10810
- }
10811
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
10812
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
10813
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10814
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10815
- -ms-flex-wrap: wrap;
10816
- flex-wrap: wrap;
10817
- }
10818
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10819
- -ms-flex-wrap: wrap;
10820
- flex-wrap: wrap;
10821
- }
10822
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10823
- margin-top: 0.5em;
10824
- }
10825
- .e-stepper.e-horizontal.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10826
- margin-top: 0.2em;
10827
- }
10828
- .e-stepper .e-stepper-steps .e-step-container {
10829
- list-style-type: none;
10830
- cursor: pointer;
10831
- text-align: center;
10832
- }
10833
- .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10834
- font-size: 16px;
10835
- line-height: 0;
10836
- }
10837
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10838
- font-size: 16px;
10839
- }
10840
- .e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10841
- padding: 0 8px;
10842
- }
10843
- .e-stepper .e-stepper-steps .e-step-container.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
10844
- padding: 0 6px;
10845
- padding-block: 5px;
10846
- }
10847
- .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container {
10848
- -ms-flex-direction: column;
10849
- flex-direction: column;
10850
- }
10851
- .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
10852
- position: relative;
10853
- top: 0.25em;
10854
- }
10855
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10856
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10857
- font-size: 14px;
10858
- }
10859
- .e-stepper .e-stepper-steps .e-step-container .e-step,
10860
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10861
- border-radius: 9999px;
10862
- min-width: 32px;
10863
- min-height: 32px;
10864
- }
10865
10868
  .e-stepper .e-stepper-progressbar {
10866
10869
  height: 1.6px;
10867
10870
  position: absolute;
@@ -10890,11 +10893,11 @@ ejs-sidebar {
10890
10893
  right: var(--progress-position);
10891
10894
  left: unset;
10892
10895
  }
10893
- .e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator,
10894
- .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
10896
+ .e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
10897
+ .e-stepper .e-step-focus .e-indicator {
10895
10898
  z-index: 0;
10896
10899
  }
10897
- .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10900
+ .e-stepper .e-step-template.e-step-focus {
10898
10901
  outline: 2px solid;
10899
10902
  }
10900
10903
 
@@ -10902,220 +10905,226 @@ ejs-sidebar {
10902
10905
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10903
10906
  }
10904
10907
 
10905
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-text,
10906
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-label,
10907
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
10908
- text-overflow: ellipsis;
10909
- overflow: hidden;
10910
- }
10911
-
10912
- .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10913
- .e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10908
+ .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10909
+ .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10914
10910
  font-size: 28px;
10915
10911
  }
10916
- .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10917
- .e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10912
+ .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10913
+ .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10918
10914
  width: 28px;
10919
10915
  height: 28px;
10920
10916
  }
10921
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10922
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10923
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10924
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10917
+ .e-small.e-stepper .e-step-container .e-step,
10918
+ .e-small.e-stepper .e-step-container .e-indicator,
10919
+ .e-small .e-stepper .e-step-container .e-step,
10920
+ .e-small .e-stepper .e-step-container .e-indicator {
10925
10921
  min-width: 28px;
10926
10922
  min-height: 28px;
10927
10923
  }
10928
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10929
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10924
+ .e-small.e-stepper .e-step-container .e-indicator,
10925
+ .e-small .e-stepper .e-step-container .e-indicator {
10930
10926
  font-size: 14px;
10931
10927
  }
10932
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10933
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10934
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10935
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10928
+ .e-small.e-stepper .e-step-container .e-step-text-container,
10929
+ .e-small.e-stepper .e-step-container .e-step-label-container,
10930
+ .e-small .e-stepper .e-step-container .e-step-text-container,
10931
+ .e-small .e-stepper .e-step-container .e-step-label-container {
10936
10932
  font-size: 12px;
10937
10933
  }
10938
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10939
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10934
+ .e-small.e-stepper .e-step-container .e-step-content,
10935
+ .e-small .e-stepper .e-step-container .e-step-content {
10940
10936
  font-size: 14px;
10941
10937
  }
10942
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10943
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10938
+ .e-small.e-stepper .e-step-container .e-step-label-optional,
10939
+ .e-small .e-stepper .e-step-container .e-step-label-optional {
10944
10940
  font-size: 10px;
10945
10941
  }
10946
- .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10947
- .e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10942
+ .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10943
+ .e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
10948
10944
  font-size: 10px;
10949
10945
  }
10950
10946
 
10951
- .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10952
- .e-bigger .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10947
+ .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10948
+ .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10953
10949
  font-size: 40px;
10954
10950
  }
10955
- .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10956
- .e-bigger .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10951
+ .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10952
+ .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10957
10953
  width: 40px;
10958
10954
  height: 40px;
10959
10955
  }
10960
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10961
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10962
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step,
10963
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10956
+ .e-bigger.e-stepper .e-step-container .e-step,
10957
+ .e-bigger.e-stepper .e-step-container .e-indicator,
10958
+ .e-bigger .e-stepper .e-step-container .e-step,
10959
+ .e-bigger .e-stepper .e-step-container .e-indicator {
10964
10960
  min-width: 40px;
10965
10961
  min-height: 40px;
10966
10962
  }
10967
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10968
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10963
+ .e-bigger.e-stepper .e-step-container .e-indicator,
10964
+ .e-bigger .e-stepper .e-step-container .e-indicator {
10969
10965
  font-size: 18px;
10970
10966
  }
10971
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10972
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10973
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10974
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10967
+ .e-bigger.e-stepper .e-step-container .e-step-text-container,
10968
+ .e-bigger.e-stepper .e-step-container .e-step-label-container,
10969
+ .e-bigger .e-stepper .e-step-container .e-step-text-container,
10970
+ .e-bigger .e-stepper .e-step-container .e-step-label-container {
10975
10971
  font-size: 16px;
10976
10972
  }
10977
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10978
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10973
+ .e-bigger.e-stepper .e-step-container .e-step-content,
10974
+ .e-bigger .e-stepper .e-step-container .e-step-content {
10979
10975
  font-size: 18px;
10980
10976
  }
10981
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10982
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10977
+ .e-bigger.e-stepper .e-step-container .e-step-label-optional,
10978
+ .e-bigger .e-stepper .e-step-container .e-step-label-optional {
10983
10979
  font-size: 14px;
10984
10980
  }
10985
- .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10986
- .e-bigger .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10981
+ .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10982
+ .e-bigger .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
10987
10983
  font-size: 14px;
10988
10984
  }
10989
10985
 
10990
- .e-bigger.e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10991
- .e-bigger.e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10992
- .e-bigger .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10993
- .e-small .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10986
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10987
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10988
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10989
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10994
10990
  font-size: 36px;
10995
10991
  }
10996
- .e-bigger.e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10997
- .e-bigger.e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10998
- .e-bigger .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10999
- .e-small .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10992
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10993
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10994
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10995
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
11000
10996
  width: 36px;
11001
10997
  height: 36px;
11002
10998
  }
11003
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
11004
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
11005
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
11006
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
11007
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
11008
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
11009
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
11010
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10999
+ .e-bigger.e-small.e-stepper .e-step-container .e-step,
11000
+ .e-bigger.e-small.e-stepper .e-step-container .e-indicator,
11001
+ .e-bigger.e-small .e-stepper .e-step-container .e-step,
11002
+ .e-bigger.e-small .e-stepper .e-step-container .e-indicator,
11003
+ .e-bigger .e-small.e-stepper .e-step-container .e-step,
11004
+ .e-bigger .e-small.e-stepper .e-step-container .e-indicator,
11005
+ .e-small .e-bigger.e-stepper .e-step-container .e-step,
11006
+ .e-small .e-bigger.e-stepper .e-step-container .e-indicator {
11011
11007
  min-width: 36px;
11012
11008
  min-height: 36px;
11013
11009
  }
11014
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
11015
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
11016
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
11017
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
11010
+ .e-bigger.e-small.e-stepper .e-step-container .e-indicator,
11011
+ .e-bigger.e-small .e-stepper .e-step-container .e-indicator,
11012
+ .e-bigger .e-small.e-stepper .e-step-container .e-indicator,
11013
+ .e-small .e-bigger.e-stepper .e-step-container .e-indicator {
11018
11014
  font-size: 16px;
11019
11015
  }
11020
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
11021
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
11022
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
11023
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
11024
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
11025
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
11026
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
11027
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
11016
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-text-container,
11017
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-label-container,
11018
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-text-container,
11019
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-label-container,
11020
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-text-container,
11021
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-label-container,
11022
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-text-container,
11023
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-label-container {
11028
11024
  font-size: 14px;
11029
11025
  }
11030
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
11031
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content,
11032
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
11033
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content {
11026
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-content,
11027
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-content,
11028
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-content,
11029
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-content {
11034
11030
  font-size: 16px;
11035
11031
  }
11036
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
11037
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
11038
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
11039
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
11032
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-label-optional,
11033
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-label-optional,
11034
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-label-optional,
11035
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-label-optional {
11040
11036
  font-size: 12px;
11041
11037
  }
11042
- .e-bigger.e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
11043
- .e-bigger.e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
11044
- .e-bigger .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
11045
- .e-small .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
11038
+ .e-bigger.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
11039
+ .e-bigger.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
11040
+ .e-bigger .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
11041
+ .e-small .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
11046
11042
  font-size: 12px;
11047
11043
  }
11048
11044
 
11049
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted .e-icons.e-step-indicator {
11045
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
11046
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
11047
+ .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
11050
11048
  border-color: rgba(var(--color-sf-outline-variant));
11051
11049
  }
11052
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
11050
+ .e-stepper .e-step-label-optional {
11053
11051
  color: var(--color-sf-outline);
11054
11052
  }
11055
- .e-stepper .e-stepper-steps .e-step-container .e-step,
11056
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
11053
+ .e-stepper .e-step,
11054
+ .e-stepper .e-indicator {
11057
11055
  color: rgba(var(--color-sf-on-surface));
11058
11056
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
11059
11057
  }
11060
- .e-stepper .e-stepper-steps .e-step-container .e-step-indicator {
11058
+ .e-stepper .e-step-indicator {
11061
11059
  color: transparent;
11062
11060
  }
11063
- .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-step-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-step-indicator {
11061
+ .e-stepper .e-step-completed .e-step,
11062
+ .e-stepper .e-step-inprogress .e-step,
11063
+ .e-stepper .e-step-completed .e-indicator,
11064
+ .e-stepper .e-step-inprogress .e-indicator,
11065
+ .e-stepper .e-step-completed .e-step-indicator,
11066
+ .e-stepper .e-step-inprogress .e-step-indicator {
11064
11067
  background: rgba(var(--color-sf-primary));
11065
11068
  color: rgba(var(--color-sf-on-primary));
11066
11069
  }
11067
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid .e-indicator {
11068
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11070
+ .e-stepper .e-step-selected .e-indicator {
11071
+ background: rgba(var(--color-sf-primary));
11072
+ }
11073
+ .e-stepper .e-step-valid .e-indicator {
11074
+ background: rgba(var(--color-sf-success));
11069
11075
  color: rgba(var(--color-sf-success-text));
11070
11076
  }
11071
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator {
11072
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11077
+ .e-stepper .e-step-error .e-indicator {
11078
+ background: rgba(var(--color-sf-error));
11073
11079
  color: rgba(var(--color-sf-on-primary));
11074
11080
  }
11075
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-text,
11076
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-label {
11081
+ .e-stepper .e-step-error .e-text,
11082
+ .e-stepper .e-step-error .e-label {
11077
11083
  color: rgba(var(--color-sf-error));
11078
11084
  }
11079
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-notstarted) .e-indicator:hover, .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator:hover {
11085
+ .e-stepper .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
11086
+ .e-stepper .e-step-error .e-indicator:hover {
11080
11087
  color: rgba(var(--color-sf-on-surface));
11081
11088
  }
11082
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-text,
11083
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-label {
11089
+ .e-stepper .e-step-selected .e-text,
11090
+ .e-stepper .e-step-selected .e-label {
11084
11091
  font-weight: 600;
11085
11092
  }
11086
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
11093
+ .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
11094
+ .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
11087
11095
  color: rgba(var(--color-sf-success));
11088
11096
  }
11089
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
11097
+ .e-stepper .e-step-error.e-step-text-only .e-step-validation-icon,
11098
+ .e-stepper .e-step-error.e-step-label-only .e-step-validation-icon {
11090
11099
  color: rgba(var(--color-sf-error));
11091
11100
  }
11092
- .e-stepper .e-stepper-steps .e-step-container .e-text,
11093
- .e-stepper .e-stepper-steps .e-step-container .e-label {
11101
+ .e-stepper .e-text,
11102
+ .e-stepper .e-label {
11094
11103
  color: var(--color-sf-on-surface);
11095
11104
  }
11096
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-text,
11097
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-label, .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-text,
11098
- .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-label {
11105
+ .e-stepper .e-step-selected:not(.e-step-error) .e-text,
11106
+ .e-stepper .e-step-selected:not(.e-step-error) .e-label,
11107
+ .e-stepper .e-step-completed:not(.e-step-error) .e-text,
11108
+ .e-stepper .e-step-completed:not(.e-step-error) .e-label {
11099
11109
  color: rgba(var(--color-sf-primary));
11100
11110
  }
11101
- .e-stepper .e-stepper-steps .e-step-container.e-step-label:not(.e-step-icon) .e-step-label-container {
11111
+ .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11102
11112
  background-color: rgba(var(--color-sf-surface));
11103
11113
  }
11104
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
11114
+ .e-stepper .e-step-text-container {
11105
11115
  background-color: rgba(var(--color-sf-surface));
11106
11116
  border-color: transparent;
11107
11117
  }
11108
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
11109
- background: rgba(var(--color-sf-primary));
11110
- }
11111
- .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
11112
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
11113
- color: rgba(var(--color-sf-on-surface), 0.38) !important; /* stylelint-disable-line declaration-no-important */
11118
+ .e-stepper .e-step-disabled .e-indicator {
11119
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
11120
+ color: rgba(var(--color-sf-on-surface), 0.38);
11114
11121
  }
11115
- .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-text, .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-label, .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-step-validation-icon {
11116
- color: rgba(var(--color-sf-on-surface), 0.38) !important; /* stylelint-disable-line declaration-no-important */
11122
+ .e-stepper .e-step-disabled .e-text,
11123
+ .e-stepper .e-step-disabled .e-label,
11124
+ .e-stepper .e-step-disabled .e-step-validation-icon {
11125
+ color: rgba(var(--color-sf-on-surface), 0.38);
11117
11126
  }
11118
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-label-optional {
11127
+ .e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
11119
11128
  background-color: rgba(var(--color-sf-surface));
11120
11129
  }
11121
11130
  .e-stepper .e-stepper-progressbar {
@@ -11124,68 +11133,74 @@ ejs-sidebar {
11124
11133
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
11125
11134
  background-color: rgba(var(--color-sf-primary));
11126
11135
  }
11127
- .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
11136
+ .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
11128
11137
  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
11129
11138
  }
11130
- .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
11131
- .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
11132
- .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
11133
- .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
11134
- box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
11135
- }
11136
- .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
11137
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
11138
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
11139
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
11140
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
11139
+ .e-stepper .e-step-focus .e-step,
11140
+ .e-stepper .e-step-label-only.e-step-focus .e-label,
11141
+ .e-stepper .e-step-text-only.e-step-focus .e-text,
11142
+ .e-stepper .e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) :focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
11143
+ box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface));
11144
+ }
11145
+ .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
11146
+ .e-stepper .e-step-valid.e-step-focus .e-step,
11147
+ .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
11148
+ .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
11149
+ .e-stepper .e-step-valid.e-step-template.e-step-focus {
11141
11150
  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-success)), 0 0 0 8px rgba(var(--color-sf-surface));
11142
11151
  }
11143
- .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
11144
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
11145
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
11146
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
11147
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
11152
+ .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
11153
+ .e-stepper .e-step-error.e-step-focus .e-step,
11154
+ .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
11155
+ .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
11156
+ .e-stepper .e-step-error.e-step-template.e-step-focus {
11148
11157
  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-error)), 0 0 0 8px rgba(var(--color-sf-surface));
11149
11158
  }
11150
- .e-stepper .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step,
11151
- .e-stepper .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-completed:not(.e-step-text-only):not(.e-step-label-only) .e-step, .e-stepper.e-steps-focus .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
11159
+ .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
11160
+ .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
11152
11161
  box-shadow: 0 0 0 8px rgba(var(--color-sf-surface));
11153
11162
  }
11154
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11155
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
11156
- border-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11163
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11164
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
11165
+ border-color: rgba(var(--color-sf-outline-variant));
11157
11166
  }
11158
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
11159
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
11160
- border-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11167
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:active,
11168
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
11169
+ border-color: rgba(var(--color-sf-outline-variant));
11161
11170
  }
11162
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
11163
- background: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11171
+ .e-stepper:not(.e-step-type-label) .e-indicator:hover,
11172
+ .e-stepper:not(.e-step-type-label) .e-step:hover {
11173
+ color: rgba(var(--color-sf-on-primary));
11174
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
11164
11175
  }
11165
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
11166
- background: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11176
+ .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
11177
+ color: rgba(var(--color-sf-on-surface));
11167
11178
  }
11168
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
11169
- color: rgba(var(--color-sf-on-primary));
11170
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary)) !important; /* stylelint-disable-line declaration-no-important */
11179
+ .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
11180
+ .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
11181
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
11171
11182
  }
11172
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
11173
- color: rgba(var(--color-sf-on-primary)) !important; /* stylelint-disable-line declaration-no-important */
11174
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11183
+ .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
11184
+ .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {
11185
+ background: rgba(var(--color-sf-success));
11175
11186
  }
11176
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
11177
- color: rgba(var(--color-sf-on-primary)) !important; /* stylelint-disable-line declaration-no-important */
11178
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11187
+ .e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-indicator:active,
11188
+ .e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-step:active {
11189
+ background: rgba(var(--color-sf-error));
11179
11190
  }
11180
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
11181
- color: rgba(var(--color-sf-on-surface));
11191
+ .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
11192
+ background: rgba(var(--color-sf-outline-variant));
11182
11193
  }
11183
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
11184
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary)) !important; /* stylelint-disable-line declaration-no-important */
11194
+ .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:active {
11195
+ background: rgba(var(--color-sf-outline-variant));
11185
11196
  }
11186
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
11187
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11197
+ .e-stepper:not(.e-step-type-label) .e-step-valid .e-indicator:hover,
11198
+ .e-stepper:not(.e-step-type-label) .e-step-valid .e-step:hover {
11199
+ color: rgba(var(--color-sf-on-primary));
11200
+ background: rgba(var(--color-sf-success));
11188
11201
  }
11189
- .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
11190
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11202
+ .e-stepper:not(.e-step-type-label) .e-step-error .e-indicator:hover,
11203
+ .e-stepper:not(.e-step-type-label) .e-step-error .e-step:hover {
11204
+ color: rgba(var(--color-sf-on-primary));
11205
+ background: rgba(var(--color-sf-error));
11191
11206
  }