@syncfusion/ej2-navigations 25.1.39 → 25.1.41

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 (53) hide show
  1. package/CHANGELOG.md +26 -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 +31 -5
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +31 -5
  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 +8 -8
  13. package/src/accordion/accordion.js +3 -2
  14. package/src/carousel/carousel.js +6 -1
  15. package/src/stepper/stepper.js +1 -1
  16. package/src/toolbar/toolbar.js +1 -1
  17. package/src/treeview/treeview.js +20 -0
  18. package/styles/bootstrap-dark.css +311 -296
  19. package/styles/bootstrap.css +311 -296
  20. package/styles/bootstrap4.css +311 -296
  21. package/styles/bootstrap5-dark.css +311 -296
  22. package/styles/bootstrap5.css +311 -296
  23. package/styles/fabric-dark.css +311 -296
  24. package/styles/fabric.css +311 -296
  25. package/styles/fluent-dark.css +311 -296
  26. package/styles/fluent.css +311 -296
  27. package/styles/highcontrast-light.css +311 -296
  28. package/styles/highcontrast.css +311 -296
  29. package/styles/material-dark.css +311 -296
  30. package/styles/material.css +311 -296
  31. package/styles/material3-dark.css +311 -296
  32. package/styles/material3.css +311 -296
  33. package/styles/stepper/_layout.scss +162 -242
  34. package/styles/stepper/_theme.scss +158 -184
  35. package/styles/stepper/bootstrap-dark.css +311 -296
  36. package/styles/stepper/bootstrap.css +311 -296
  37. package/styles/stepper/bootstrap4.css +311 -296
  38. package/styles/stepper/bootstrap5-dark.css +311 -296
  39. package/styles/stepper/bootstrap5.css +311 -296
  40. package/styles/stepper/fabric-dark.css +311 -296
  41. package/styles/stepper/fabric.css +311 -296
  42. package/styles/stepper/fluent-dark.css +311 -296
  43. package/styles/stepper/fluent.css +311 -296
  44. package/styles/stepper/highcontrast-light.css +311 -296
  45. package/styles/stepper/highcontrast.css +311 -296
  46. package/styles/stepper/material-dark.css +311 -296
  47. package/styles/stepper/material.css +311 -296
  48. package/styles/stepper/material3-dark.css +311 -296
  49. package/styles/stepper/material3.css +311 -296
  50. package/styles/stepper/tailwind-dark.css +311 -296
  51. package/styles/stepper/tailwind.css +311 -296
  52. package/styles/tailwind-dark.css +311 -296
  53. package/styles/tailwind.css +311 -296
@@ -10492,21 +10492,21 @@ ejs-sidebar {
10492
10492
  position: relative;
10493
10493
  }
10494
10494
  .e-stepper.e-stepper-readonly,
10495
- .e-stepper .e-stepper-steps .e-step-container.e-step-disabled {
10495
+ .e-stepper .e-step-disabled {
10496
10496
  cursor: default;
10497
10497
  pointer-events: none;
10498
10498
  }
10499
- .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 {
10499
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10500
10500
  font-size: 32px;
10501
10501
  border-radius: 9999px;
10502
10502
  }
10503
- .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-step-content {
10503
+ .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10504
10504
  padding: 0 8px;
10505
10505
  }
10506
- .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) {
10506
+ .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) {
10507
10507
  position: relative;
10508
10508
  }
10509
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10509
+ .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10510
10510
  position: unset;
10511
10511
  }
10512
10512
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
@@ -10532,12 +10532,12 @@ ejs-sidebar {
10532
10532
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10533
10533
  top: -6px;
10534
10534
  }
10535
- .e-stepper .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10535
+ .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10536
10536
  left: unset;
10537
10537
  top: 0;
10538
10538
  transform: translate(0%, -135%);
10539
10539
  }
10540
- .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
10540
+ .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10541
10541
  transform: translate(-50%, -115%);
10542
10542
  }
10543
10543
  .e-stepper .e-stepper-steps {
@@ -10551,28 +10551,76 @@ ejs-sidebar {
10551
10551
  -ms-flex-align: start;
10552
10552
  align-items: flex-start;
10553
10553
  }
10554
- .e-stepper .e-stepper-steps .e-step-container {
10555
- max-width: var(--max-width);
10554
+ .e-stepper .e-stepper-steps .e-step-container,
10555
+ .e-stepper .e-stepper-steps .e-step,
10556
+ .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10557
+ .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10558
+ .e-stepper .e-stepper-steps .e-step-label-container {
10559
+ display: -ms-flexbox;
10560
+ display: flex;
10561
+ -ms-flex-align: center;
10562
+ align-items: center;
10563
+ -ms-flex-pack: center;
10564
+ justify-content: center;
10556
10565
  }
10557
- .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 {
10558
- border: 2px solid;
10566
+ .e-stepper .e-step-container {
10567
+ max-width: var(--max-width);
10568
+ list-style-type: none;
10569
+ cursor: pointer;
10570
+ text-align: center;
10559
10571
  }
10560
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10561
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10572
+ .e-stepper .e-step-container .e-step-label-container,
10573
+ .e-stepper .e-step-container .e-step-text-container {
10562
10574
  max-width: clamp(100%, 10em, 100%);
10563
10575
  white-space: nowrap;
10564
10576
  }
10565
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10577
+ .e-stepper .e-step-container .e-step-label-optional {
10566
10578
  font-size: 12px;
10567
10579
  -ms-flex-preferred-size: 100%;
10568
10580
  flex-basis: 100%;
10569
10581
  }
10570
- .e-stepper .e-stepper-steps .e-step-container .e-step-optional-container {
10582
+ .e-stepper .e-step-container .e-step-optional-container {
10571
10583
  display: -ms-flexbox;
10572
10584
  display: flex;
10573
10585
  -ms-flex-direction: column;
10574
10586
  flex-direction: column;
10575
10587
  }
10588
+ .e-stepper .e-step-container .e-step-content {
10589
+ font-size: 16px;
10590
+ line-height: 0;
10591
+ }
10592
+ .e-stepper .e-step-container .e-indicator {
10593
+ font-size: 16px;
10594
+ }
10595
+ .e-stepper .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10596
+ padding: 0 8px;
10597
+ }
10598
+ .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 {
10599
+ padding: 0 6px;
10600
+ padding-block: 5px;
10601
+ }
10602
+ .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 {
10603
+ -ms-flex-direction: column;
10604
+ flex-direction: column;
10605
+ }
10606
+ .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 {
10607
+ position: relative;
10608
+ top: 0.25em;
10609
+ }
10610
+ .e-stepper .e-step-container .e-step-label-container,
10611
+ .e-stepper .e-step-container .e-step-text-container {
10612
+ font-size: 14px;
10613
+ }
10614
+ .e-stepper .e-step-container .e-step,
10615
+ .e-stepper .e-step-container .e-indicator {
10616
+ border-radius: 9999px;
10617
+ min-width: 32px;
10618
+ min-height: 32px;
10619
+ }
10620
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
10621
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator {
10622
+ border: 2px solid;
10623
+ }
10576
10624
  .e-stepper.e-horizontal {
10577
10625
  display: block;
10578
10626
  }
@@ -10580,43 +10628,41 @@ ejs-sidebar {
10580
10628
  -ms-flex-direction: row;
10581
10629
  flex-direction: row;
10582
10630
  }
10583
- .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 {
10631
+ .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 {
10584
10632
  margin-left: var(--progress-left-position);
10585
10633
  top: var(--progress-top-position);
10586
10634
  width: var(--progress-bar-width);
10587
10635
  }
10588
- .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 {
10636
+ .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 {
10589
10637
  margin-right: var(--progress-left-position);
10590
10638
  margin-left: unset;
10591
10639
  }
10592
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10640
+ .e-stepper.e-horizontal .e-step-icon.e-step-label {
10593
10641
  gap: 1em;
10642
+ -ms-flex-direction: column;
10643
+ flex-direction: column;
10594
10644
  }
10595
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container {
10645
+ .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
10596
10646
  position: relative;
10597
10647
  }
10598
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-before {
10648
+ .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10599
10649
  -ms-flex-order: -1;
10600
10650
  order: -1;
10601
10651
  }
10602
- .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 {
10603
- -ms-flex-direction: column;
10604
- flex-direction: column;
10605
- }
10606
- .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
10652
+ .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10607
10653
  -ms-flex-order: -1;
10608
10654
  order: -1;
10609
10655
  }
10610
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10656
+ .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10611
10657
  position: absolute;
10612
10658
  top: 2.5em;
10613
10659
  margin-left: 2.5em;
10614
10660
  }
10615
- .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 {
10661
+ .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 {
10616
10662
  margin-right: 2.5em;
10617
10663
  margin-left: unset;
10618
10664
  }
10619
- .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 {
10665
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10620
10666
  margin-right: unset;
10621
10667
  margin-left: 2.5em;
10622
10668
  }
@@ -10624,27 +10670,50 @@ ejs-sidebar {
10624
10670
  -ms-flex-align: end;
10625
10671
  align-items: flex-end;
10626
10672
  }
10627
- .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) {
10673
+ .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10628
10674
  -ms-flex-direction: column;
10629
10675
  flex-direction: column;
10630
10676
  gap: 0.5em;
10631
10677
  }
10678
+ .e-stepper.e-horizontal .e-text,
10679
+ .e-stepper.e-horizontal .e-label,
10680
+ .e-stepper.e-horizontal .e-step-label-optional {
10681
+ text-overflow: ellipsis;
10682
+ overflow: hidden;
10683
+ }
10684
+ .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10685
+ .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10686
+ .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10687
+ .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10688
+ -ms-flex-wrap: wrap;
10689
+ flex-wrap: wrap;
10690
+ }
10691
+ .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10692
+ -ms-flex-wrap: wrap;
10693
+ flex-wrap: wrap;
10694
+ }
10695
+ .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10696
+ margin-top: 0.5em;
10697
+ }
10698
+ .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10699
+ margin-top: 0.2em;
10700
+ }
10632
10701
  .e-stepper.e-vertical {
10633
10702
  min-height: inherit;
10634
10703
  display: inline-block;
10635
10704
  }
10636
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
10637
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-template {
10705
+ .e-stepper.e-vertical .e-step-label.e-step-label-only,
10706
+ .e-stepper.e-vertical .e-step-template {
10638
10707
  position: relative;
10639
10708
  }
10640
- .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
10709
+ .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10641
10710
  position: absolute;
10642
10711
  }
10643
- .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 {
10712
+ .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 {
10644
10713
  margin-top: 3em;
10645
10714
  margin-left: 4em;
10646
10715
  }
10647
- .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 {
10716
+ .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 {
10648
10717
  margin-left: unset;
10649
10718
  margin-right: 4em;
10650
10719
  }
@@ -10662,66 +10731,66 @@ ejs-sidebar {
10662
10731
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10663
10732
  float: right;
10664
10733
  }
10665
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
10666
- .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)),
10667
- .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 {
10734
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
10735
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10736
+ .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 {
10668
10737
  -ms-flex-align: center;
10669
10738
  align-items: center;
10670
10739
  }
10671
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10672
- .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 {
10740
+ .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10741
+ .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10673
10742
  margin-left: 10px;
10674
10743
  }
10675
- .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,
10676
- .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 {
10744
+ .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10745
+ .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10677
10746
  margin-left: unset;
10678
10747
  margin-right: 10px;
10679
10748
  }
10680
- .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),
10681
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
10682
- .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
10749
+ .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),
10750
+ .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10751
+ .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10683
10752
  -ms-flex-direction: column;
10684
10753
  flex-direction: column;
10685
10754
  }
10686
- .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,
10687
- .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,
10688
- .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 {
10755
+ .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,
10756
+ .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10757
+ .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10689
10758
  position: unset;
10690
10759
  }
10691
- .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) {
10760
+ .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) {
10692
10761
  gap: 0.5em;
10693
10762
  }
10694
- .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) {
10763
+ .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) {
10695
10764
  -ms-flex-direction: column;
10696
10765
  flex-direction: column;
10697
10766
  }
10698
- .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 {
10767
+ .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 {
10699
10768
  line-height: 2em;
10700
10769
  }
10701
- .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 {
10770
+ .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 {
10702
10771
  position: unset;
10703
10772
  }
10704
- .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 {
10773
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
10705
10774
  position: absolute;
10706
10775
  }
10707
- .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 {
10776
+ .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 {
10708
10777
  left: 0;
10709
10778
  }
10710
- .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10779
+ .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10711
10780
  font-size: 12px;
10712
10781
  }
10713
- .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-before .e-label {
10782
+ .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-before .e-label {
10714
10783
  width: var(--label-width);
10715
10784
  }
10716
- .e-stepper.e-vertical .e-stepper-steps .e-step-container:not(.e-step-text-only) .e-step-text-container {
10785
+ .e-stepper.e-vertical .e-step-container:not(.e-step-text-only) .e-step-text-container {
10717
10786
  border: none;
10718
10787
  border-radius: unset;
10719
10788
  padding: 6px 0;
10720
10789
  }
10721
- .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 {
10790
+ .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 {
10722
10791
  position: unset;
10723
10792
  }
10724
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional {
10793
+ .e-stepper.e-vertical.e-label-top .e-step-label-optional {
10725
10794
  padding-bottom: 6px;
10726
10795
  }
10727
10796
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
@@ -10733,79 +10802,13 @@ ejs-sidebar {
10733
10802
  flex-direction: column;
10734
10803
  }
10735
10804
  .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 {
10736
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
10805
+ margin-left: 0;
10737
10806
  }
10738
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
10739
- .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container {
10807
+ .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10808
+ .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10740
10809
  -ms-flex-order: -1;
10741
10810
  order: -1;
10742
10811
  }
10743
- .e-stepper .e-stepper-steps .e-step-container,
10744
- .e-stepper .e-stepper-steps .e-step-container .e-step,
10745
- .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,
10746
- .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,
10747
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10748
- display: -ms-flexbox;
10749
- display: flex;
10750
- -ms-flex-align: center;
10751
- align-items: center;
10752
- -ms-flex-pack: center;
10753
- justify-content: center;
10754
- }
10755
- .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),
10756
- .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),
10757
- .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),
10758
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10759
- -ms-flex-wrap: wrap;
10760
- flex-wrap: wrap;
10761
- }
10762
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10763
- -ms-flex-wrap: wrap;
10764
- flex-wrap: wrap;
10765
- }
10766
- .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 {
10767
- margin-top: 0.5em;
10768
- }
10769
- .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 {
10770
- margin-top: 0.2em;
10771
- }
10772
- .e-stepper .e-stepper-steps .e-step-container {
10773
- list-style-type: none;
10774
- cursor: pointer;
10775
- text-align: center;
10776
- }
10777
- .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10778
- font-size: 16px;
10779
- line-height: 0;
10780
- }
10781
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10782
- font-size: 16px;
10783
- }
10784
- .e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10785
- padding: 0 8px;
10786
- }
10787
- .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 {
10788
- padding: 0 6px;
10789
- padding-block: 5px;
10790
- }
10791
- .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 {
10792
- -ms-flex-direction: column;
10793
- flex-direction: column;
10794
- }
10795
- .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 {
10796
- position: relative;
10797
- top: 0.25em;
10798
- }
10799
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10800
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10801
- font-size: 14px;
10802
- }
10803
- .e-stepper .e-stepper-steps .e-step-container .e-step,
10804
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10805
- border-radius: 9999px;
10806
- min-width: 32px;
10807
- min-height: 32px;
10808
- }
10809
10812
  .e-stepper .e-stepper-progressbar {
10810
10813
  height: 1.6px;
10811
10814
  position: absolute;
@@ -10834,11 +10837,11 @@ ejs-sidebar {
10834
10837
  right: var(--progress-position);
10835
10838
  left: unset;
10836
10839
  }
10837
- .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,
10838
- .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
10840
+ .e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
10841
+ .e-stepper .e-step-focus .e-indicator {
10839
10842
  z-index: 0;
10840
10843
  }
10841
- .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10844
+ .e-stepper .e-step-template.e-step-focus {
10842
10845
  outline: 2px solid;
10843
10846
  }
10844
10847
 
@@ -10846,220 +10849,226 @@ ejs-sidebar {
10846
10849
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10847
10850
  }
10848
10851
 
10849
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-text,
10850
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-label,
10851
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
10852
- text-overflow: ellipsis;
10853
- overflow: hidden;
10854
- }
10855
-
10856
- .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,
10857
- .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 {
10852
+ .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,
10853
+ .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 {
10858
10854
  font-size: 28px;
10859
10855
  }
10860
- .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,
10861
- .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 {
10856
+ .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,
10857
+ .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 {
10862
10858
  width: 28px;
10863
10859
  height: 28px;
10864
10860
  }
10865
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10866
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10867
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10868
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10861
+ .e-small.e-stepper .e-step-container .e-step,
10862
+ .e-small.e-stepper .e-step-container .e-indicator,
10863
+ .e-small .e-stepper .e-step-container .e-step,
10864
+ .e-small .e-stepper .e-step-container .e-indicator {
10869
10865
  min-width: 28px;
10870
10866
  min-height: 28px;
10871
10867
  }
10872
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10873
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10868
+ .e-small.e-stepper .e-step-container .e-indicator,
10869
+ .e-small .e-stepper .e-step-container .e-indicator {
10874
10870
  font-size: 14px;
10875
10871
  }
10876
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10877
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10878
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10879
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10872
+ .e-small.e-stepper .e-step-container .e-step-text-container,
10873
+ .e-small.e-stepper .e-step-container .e-step-label-container,
10874
+ .e-small .e-stepper .e-step-container .e-step-text-container,
10875
+ .e-small .e-stepper .e-step-container .e-step-label-container {
10880
10876
  font-size: 12px;
10881
10877
  }
10882
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10883
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10878
+ .e-small.e-stepper .e-step-container .e-step-content,
10879
+ .e-small .e-stepper .e-step-container .e-step-content {
10884
10880
  font-size: 14px;
10885
10881
  }
10886
- .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10887
- .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10882
+ .e-small.e-stepper .e-step-container .e-step-label-optional,
10883
+ .e-small .e-stepper .e-step-container .e-step-label-optional {
10888
10884
  font-size: 10px;
10889
10885
  }
10890
- .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10891
- .e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10886
+ .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10887
+ .e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
10892
10888
  font-size: 10px;
10893
10889
  }
10894
10890
 
10895
- .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,
10896
- .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 {
10891
+ .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,
10892
+ .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 {
10897
10893
  font-size: 40px;
10898
10894
  }
10899
- .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,
10900
- .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 {
10895
+ .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,
10896
+ .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 {
10901
10897
  width: 40px;
10902
10898
  height: 40px;
10903
10899
  }
10904
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10905
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10906
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step,
10907
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10900
+ .e-bigger.e-stepper .e-step-container .e-step,
10901
+ .e-bigger.e-stepper .e-step-container .e-indicator,
10902
+ .e-bigger .e-stepper .e-step-container .e-step,
10903
+ .e-bigger .e-stepper .e-step-container .e-indicator {
10908
10904
  min-width: 40px;
10909
10905
  min-height: 40px;
10910
10906
  }
10911
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10912
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10907
+ .e-bigger.e-stepper .e-step-container .e-indicator,
10908
+ .e-bigger .e-stepper .e-step-container .e-indicator {
10913
10909
  font-size: 18px;
10914
10910
  }
10915
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10916
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10917
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10918
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10911
+ .e-bigger.e-stepper .e-step-container .e-step-text-container,
10912
+ .e-bigger.e-stepper .e-step-container .e-step-label-container,
10913
+ .e-bigger .e-stepper .e-step-container .e-step-text-container,
10914
+ .e-bigger .e-stepper .e-step-container .e-step-label-container {
10919
10915
  font-size: 16px;
10920
10916
  }
10921
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10922
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10917
+ .e-bigger.e-stepper .e-step-container .e-step-content,
10918
+ .e-bigger .e-stepper .e-step-container .e-step-content {
10923
10919
  font-size: 18px;
10924
10920
  }
10925
- .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10926
- .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10921
+ .e-bigger.e-stepper .e-step-container .e-step-label-optional,
10922
+ .e-bigger .e-stepper .e-step-container .e-step-label-optional {
10927
10923
  font-size: 14px;
10928
10924
  }
10929
- .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10930
- .e-bigger .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10925
+ .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10926
+ .e-bigger .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
10931
10927
  font-size: 14px;
10932
10928
  }
10933
10929
 
10934
- .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,
10935
- .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,
10936
- .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,
10937
- .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 {
10930
+ .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,
10931
+ .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,
10932
+ .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,
10933
+ .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 {
10938
10934
  font-size: 36px;
10939
10935
  }
10940
- .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,
10941
- .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,
10942
- .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,
10943
- .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 {
10936
+ .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,
10937
+ .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,
10938
+ .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,
10939
+ .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 {
10944
10940
  width: 36px;
10945
10941
  height: 36px;
10946
10942
  }
10947
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10948
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10949
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10950
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10951
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10952
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10953
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10954
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10943
+ .e-bigger.e-small.e-stepper .e-step-container .e-step,
10944
+ .e-bigger.e-small.e-stepper .e-step-container .e-indicator,
10945
+ .e-bigger.e-small .e-stepper .e-step-container .e-step,
10946
+ .e-bigger.e-small .e-stepper .e-step-container .e-indicator,
10947
+ .e-bigger .e-small.e-stepper .e-step-container .e-step,
10948
+ .e-bigger .e-small.e-stepper .e-step-container .e-indicator,
10949
+ .e-small .e-bigger.e-stepper .e-step-container .e-step,
10950
+ .e-small .e-bigger.e-stepper .e-step-container .e-indicator {
10955
10951
  min-width: 36px;
10956
10952
  min-height: 36px;
10957
10953
  }
10958
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10959
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10960
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10961
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10954
+ .e-bigger.e-small.e-stepper .e-step-container .e-indicator,
10955
+ .e-bigger.e-small .e-stepper .e-step-container .e-indicator,
10956
+ .e-bigger .e-small.e-stepper .e-step-container .e-indicator,
10957
+ .e-small .e-bigger.e-stepper .e-step-container .e-indicator {
10962
10958
  font-size: 16px;
10963
10959
  }
10964
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10965
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10966
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10967
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10968
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10969
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10970
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10971
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10960
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-text-container,
10961
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-label-container,
10962
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-text-container,
10963
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-label-container,
10964
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-text-container,
10965
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-label-container,
10966
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-text-container,
10967
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-label-container {
10972
10968
  font-size: 14px;
10973
10969
  }
10974
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10975
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content,
10976
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10977
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content {
10970
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-content,
10971
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-content,
10972
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-content,
10973
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-content {
10978
10974
  font-size: 16px;
10979
10975
  }
10980
- .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10981
- .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10982
- .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10983
- .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10976
+ .e-bigger.e-small.e-stepper .e-step-container .e-step-label-optional,
10977
+ .e-bigger.e-small .e-stepper .e-step-container .e-step-label-optional,
10978
+ .e-bigger .e-small.e-stepper .e-step-container .e-step-label-optional,
10979
+ .e-small .e-bigger.e-stepper .e-step-container .e-step-label-optional {
10984
10980
  font-size: 12px;
10985
10981
  }
10986
- .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,
10987
- .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,
10988
- .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,
10989
- .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 {
10982
+ .e-bigger.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10983
+ .e-bigger.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10984
+ .e-bigger .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
10985
+ .e-small .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
10990
10986
  font-size: 12px;
10991
10987
  }
10992
10988
 
10993
- .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 {
10989
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
10990
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
10991
+ .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
10994
10992
  border-color: rgba(var(--color-sf-outline-variant));
10995
10993
  }
10996
- .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10994
+ .e-stepper .e-step-label-optional {
10997
10995
  color: var(--color-sf-outline);
10998
10996
  }
10999
- .e-stepper .e-stepper-steps .e-step-container .e-step,
11000
- .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10997
+ .e-stepper .e-step,
10998
+ .e-stepper .e-indicator {
11001
10999
  color: rgba(var(--color-sf-on-surface));
11002
11000
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
11003
11001
  }
11004
- .e-stepper .e-stepper-steps .e-step-container .e-step-indicator {
11002
+ .e-stepper .e-step-indicator {
11005
11003
  color: transparent;
11006
11004
  }
11007
- .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 {
11005
+ .e-stepper .e-step-completed .e-step,
11006
+ .e-stepper .e-step-inprogress .e-step,
11007
+ .e-stepper .e-step-completed .e-indicator,
11008
+ .e-stepper .e-step-inprogress .e-indicator,
11009
+ .e-stepper .e-step-completed .e-step-indicator,
11010
+ .e-stepper .e-step-inprogress .e-step-indicator {
11008
11011
  background: rgba(var(--color-sf-primary));
11009
11012
  color: rgba(var(--color-sf-on-primary));
11010
11013
  }
11011
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid .e-indicator {
11012
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11014
+ .e-stepper .e-step-selected .e-indicator {
11015
+ background: rgba(var(--color-sf-primary));
11016
+ }
11017
+ .e-stepper .e-step-valid .e-indicator {
11018
+ background: rgba(var(--color-sf-success));
11013
11019
  color: rgba(var(--color-sf-success-text));
11014
11020
  }
11015
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator {
11016
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11021
+ .e-stepper .e-step-error .e-indicator {
11022
+ background: rgba(var(--color-sf-error));
11017
11023
  color: rgba(var(--color-sf-on-primary));
11018
11024
  }
11019
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-text,
11020
- .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-label {
11025
+ .e-stepper .e-step-error .e-text,
11026
+ .e-stepper .e-step-error .e-label {
11021
11027
  color: rgba(var(--color-sf-error));
11022
11028
  }
11023
- .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 {
11029
+ .e-stepper .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
11030
+ .e-stepper .e-step-error .e-indicator:hover {
11024
11031
  color: rgba(var(--color-sf-on-surface));
11025
11032
  }
11026
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-text,
11027
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-label {
11033
+ .e-stepper .e-step-selected .e-text,
11034
+ .e-stepper .e-step-selected .e-label {
11028
11035
  font-weight: 600;
11029
11036
  }
11030
- .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 {
11037
+ .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
11038
+ .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
11031
11039
  color: rgba(var(--color-sf-success));
11032
11040
  }
11033
- .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 {
11041
+ .e-stepper .e-step-error.e-step-text-only .e-step-validation-icon,
11042
+ .e-stepper .e-step-error.e-step-label-only .e-step-validation-icon {
11034
11043
  color: rgba(var(--color-sf-error));
11035
11044
  }
11036
- .e-stepper .e-stepper-steps .e-step-container .e-text,
11037
- .e-stepper .e-stepper-steps .e-step-container .e-label {
11045
+ .e-stepper .e-text,
11046
+ .e-stepper .e-label {
11038
11047
  color: var(--color-sf-on-surface);
11039
11048
  }
11040
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-text,
11041
- .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,
11042
- .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-label {
11049
+ .e-stepper .e-step-selected:not(.e-step-error) .e-text,
11050
+ .e-stepper .e-step-selected:not(.e-step-error) .e-label,
11051
+ .e-stepper .e-step-completed:not(.e-step-error) .e-text,
11052
+ .e-stepper .e-step-completed:not(.e-step-error) .e-label {
11043
11053
  color: rgba(var(--color-sf-primary));
11044
11054
  }
11045
- .e-stepper .e-stepper-steps .e-step-container.e-step-label:not(.e-step-icon) .e-step-label-container {
11055
+ .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11046
11056
  background-color: rgba(var(--color-sf-surface));
11047
11057
  }
11048
- .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
11058
+ .e-stepper .e-step-text-container {
11049
11059
  background-color: rgba(var(--color-sf-surface));
11050
11060
  border-color: transparent;
11051
11061
  }
11052
- .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
11053
- background: rgba(var(--color-sf-primary));
11054
- }
11055
- .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
11056
- 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 */
11057
- color: rgba(var(--color-sf-on-surface), 0.38) !important; /* stylelint-disable-line declaration-no-important */
11062
+ .e-stepper .e-step-disabled .e-indicator {
11063
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
11064
+ color: rgba(var(--color-sf-on-surface), 0.38);
11058
11065
  }
11059
- .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 {
11060
- color: rgba(var(--color-sf-on-surface), 0.38) !important; /* stylelint-disable-line declaration-no-important */
11066
+ .e-stepper .e-step-disabled .e-text,
11067
+ .e-stepper .e-step-disabled .e-label,
11068
+ .e-stepper .e-step-disabled .e-step-validation-icon {
11069
+ color: rgba(var(--color-sf-on-surface), 0.38);
11061
11070
  }
11062
- .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 {
11071
+ .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 {
11063
11072
  background-color: rgba(var(--color-sf-surface));
11064
11073
  }
11065
11074
  .e-stepper .e-stepper-progressbar {
@@ -11068,68 +11077,74 @@ ejs-sidebar {
11068
11077
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
11069
11078
  background-color: rgba(var(--color-sf-primary));
11070
11079
  }
11071
- .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 {
11080
+ .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
11072
11081
  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));
11073
11082
  }
11074
- .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
11075
- .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
11076
- .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
11077
- .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 {
11078
- 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 */
11079
- }
11080
- .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,
11081
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
11082
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
11083
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
11084
- .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
11083
+ .e-stepper .e-step-focus .e-step,
11084
+ .e-stepper .e-step-label-only.e-step-focus .e-label,
11085
+ .e-stepper .e-step-text-only.e-step-focus .e-text,
11086
+ .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 {
11087
+ 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));
11088
+ }
11089
+ .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
11090
+ .e-stepper .e-step-valid.e-step-focus .e-step,
11091
+ .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
11092
+ .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
11093
+ .e-stepper .e-step-valid.e-step-template.e-step-focus {
11085
11094
  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));
11086
11095
  }
11087
- .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,
11088
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
11089
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
11090
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
11091
- .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
11096
+ .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
11097
+ .e-stepper .e-step-error.e-step-focus .e-step,
11098
+ .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
11099
+ .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
11100
+ .e-stepper .e-step-error.e-step-template.e-step-focus {
11092
11101
  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));
11093
11102
  }
11094
- .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,
11095
- .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 {
11103
+ .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
11104
+ .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 {
11096
11105
  box-shadow: 0 0 0 8px rgba(var(--color-sf-surface));
11097
11106
  }
11098
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11099
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
11100
- border-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11107
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11108
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
11109
+ border-color: rgba(var(--color-sf-outline-variant));
11101
11110
  }
11102
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
11103
- .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
11104
- border-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11111
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:active,
11112
+ .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
11113
+ border-color: rgba(var(--color-sf-outline-variant));
11105
11114
  }
11106
- .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 {
11107
- background: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11115
+ .e-stepper:not(.e-step-type-label) .e-indicator:hover,
11116
+ .e-stepper:not(.e-step-type-label) .e-step:hover {
11117
+ color: rgba(var(--color-sf-on-primary));
11118
+ 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));
11108
11119
  }
11109
- .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 {
11110
- background: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
11120
+ .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 {
11121
+ color: rgba(var(--color-sf-on-surface));
11111
11122
  }
11112
- .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 {
11113
- color: rgba(var(--color-sf-on-primary));
11114
- 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 */
11123
+ .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
11124
+ .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
11125
+ 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));
11115
11126
  }
11116
- .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 {
11117
- color: rgba(var(--color-sf-on-primary)) !important; /* stylelint-disable-line declaration-no-important */
11118
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11127
+ .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
11128
+ .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {
11129
+ background: rgba(var(--color-sf-success));
11119
11130
  }
11120
- .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 {
11121
- color: rgba(var(--color-sf-on-primary)) !important; /* stylelint-disable-line declaration-no-important */
11122
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11131
+ .e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-indicator:active,
11132
+ .e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-step:active {
11133
+ background: rgba(var(--color-sf-error));
11123
11134
  }
11124
- .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 {
11125
- color: rgba(var(--color-sf-on-surface));
11135
+ .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 {
11136
+ background: rgba(var(--color-sf-outline-variant));
11126
11137
  }
11127
- .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 {
11128
- 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 */
11138
+ .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 {
11139
+ background: rgba(var(--color-sf-outline-variant));
11129
11140
  }
11130
- .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 {
11131
- background: rgba(var(--color-sf-success)) !important; /* stylelint-disable-line declaration-no-important */
11141
+ .e-stepper:not(.e-step-type-label) .e-step-valid .e-indicator:hover,
11142
+ .e-stepper:not(.e-step-type-label) .e-step-valid .e-step:hover {
11143
+ color: rgba(var(--color-sf-on-primary));
11144
+ background: rgba(var(--color-sf-success));
11132
11145
  }
11133
- .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 {
11134
- background: rgba(var(--color-sf-error)) !important; /* stylelint-disable-line declaration-no-important */
11146
+ .e-stepper:not(.e-step-type-label) .e-step-error .e-indicator:hover,
11147
+ .e-stepper:not(.e-step-type-label) .e-step-error .e-step:hover {
11148
+ color: rgba(var(--color-sf-on-primary));
11149
+ background: rgba(var(--color-sf-error));
11135
11150
  }