@syncfusion/ej2-navigations 26.1.35 → 26.1.39

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 (87) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +32 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +33 -7
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/breadcrumb/breadcrumb.d.ts +4 -0
  13. package/src/breadcrumb/breadcrumb.js +6 -1
  14. package/src/stepper/stepper.d.ts +1 -0
  15. package/src/stepper/stepper.js +22 -2
  16. package/src/treeview/treeview.js +5 -4
  17. package/styles/accordion/_fluent2-definition.scss +1 -1
  18. package/styles/accordion/_theme.scss +26 -2
  19. package/styles/accordion/bootstrap-dark.css +3 -3
  20. package/styles/accordion/bootstrap.css +3 -3
  21. package/styles/accordion/bootstrap4.css +3 -3
  22. package/styles/accordion/bootstrap5-dark.css +3 -3
  23. package/styles/accordion/bootstrap5.css +3 -3
  24. package/styles/accordion/fabric-dark.css +3 -3
  25. package/styles/accordion/fabric.css +3 -3
  26. package/styles/accordion/fluent-dark.css +3 -3
  27. package/styles/accordion/fluent.css +3 -3
  28. package/styles/accordion/fluent2.css +17 -9
  29. package/styles/accordion/highcontrast-light.css +3 -3
  30. package/styles/accordion/highcontrast.css +3 -3
  31. package/styles/accordion/material-dark.css +3 -3
  32. package/styles/accordion/material.css +3 -3
  33. package/styles/accordion/material3-dark.css +3 -3
  34. package/styles/accordion/material3.css +3 -3
  35. package/styles/accordion/tailwind-dark.css +3 -3
  36. package/styles/accordion/tailwind.css +3 -3
  37. package/styles/appbar/fluent2.css +5 -5
  38. package/styles/bootstrap-dark.css +11 -3
  39. package/styles/bootstrap.css +11 -3
  40. package/styles/bootstrap4.css +11 -3
  41. package/styles/bootstrap5-dark.css +11 -3
  42. package/styles/bootstrap5.css +11 -3
  43. package/styles/breadcrumb/fluent2.css +5 -5
  44. package/styles/carousel/fluent2.css +5 -5
  45. package/styles/context-menu/fluent2.css +5 -5
  46. package/styles/fabric-dark.css +11 -3
  47. package/styles/fabric.css +11 -3
  48. package/styles/fluent-dark.css +11 -3
  49. package/styles/fluent.css +11 -3
  50. package/styles/fluent2.css +37 -15
  51. package/styles/h-scroll/fluent2.css +5 -5
  52. package/styles/highcontrast-light.css +11 -3
  53. package/styles/highcontrast.css +11 -3
  54. package/styles/material-dark.css +11 -3
  55. package/styles/material.css +11 -3
  56. package/styles/material3-dark.css +11 -3
  57. package/styles/material3.css +11 -3
  58. package/styles/menu/fluent2.css +5 -5
  59. package/styles/pager/fluent2.css +5 -5
  60. package/styles/sidebar/fluent2.css +5 -5
  61. package/styles/stepper/_layout.scss +10 -0
  62. package/styles/stepper/bootstrap-dark.css +8 -0
  63. package/styles/stepper/bootstrap.css +8 -0
  64. package/styles/stepper/bootstrap4.css +8 -0
  65. package/styles/stepper/bootstrap5-dark.css +8 -0
  66. package/styles/stepper/bootstrap5.css +8 -0
  67. package/styles/stepper/fabric-dark.css +8 -0
  68. package/styles/stepper/fabric.css +8 -0
  69. package/styles/stepper/fluent-dark.css +8 -0
  70. package/styles/stepper/fluent.css +8 -0
  71. package/styles/stepper/fluent2.css +13 -5
  72. package/styles/stepper/highcontrast-light.css +8 -0
  73. package/styles/stepper/highcontrast.css +8 -0
  74. package/styles/stepper/material-dark.css +8 -0
  75. package/styles/stepper/material.css +8 -0
  76. package/styles/stepper/material3-dark.css +8 -0
  77. package/styles/stepper/material3.css +8 -0
  78. package/styles/stepper/tailwind-dark.css +8 -0
  79. package/styles/stepper/tailwind.css +8 -0
  80. package/styles/tab/fluent2.css +5 -5
  81. package/styles/tailwind-dark.css +11 -3
  82. package/styles/tailwind.css +11 -3
  83. package/styles/toolbar/fluent2.css +5 -5
  84. package/styles/treeview/_fluent2-definition.scss +7 -7
  85. package/styles/treeview/_layout.scss +1 -1
  86. package/styles/treeview/fluent2.css +17 -11
  87. package/styles/v-scroll/fluent2.css +5 -5
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -3971,15 +3971,19 @@
3971
3971
  }
3972
3972
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3973
3973
  border: 0;
3974
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3975
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3976
3974
  background: transparent;
3975
+ -webkit-box-shadow: none;
3976
+ box-shadow: none;
3977
3977
  }
3978
3978
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3979
3979
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
3980
3980
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
3981
3981
  color: var(--color-sf-content-text-color);
3982
3982
  }
3983
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
3984
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3985
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3986
+ }
3983
3987
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
3984
3988
  color: var(--color-sf-content-text-color);
3985
3989
  }
@@ -4050,10 +4054,14 @@
4050
4054
  color: var(--color-sf-icon-color);
4051
4055
  }
4052
4056
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4053
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4054
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4055
4057
  position: relative;
4056
4058
  z-index: 2;
4059
+ -webkit-box-shadow: none;
4060
+ box-shadow: none;
4061
+ }
4062
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
4063
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4064
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4057
4065
  }
4058
4066
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
4059
4067
  border-color: transparent;
@@ -9383,7 +9391,7 @@
9383
9391
  }
9384
9392
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
9385
9393
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
9386
- padding: 0 12px;
9394
+ padding: 0 8px;
9387
9395
  }
9388
9396
  .e-bigger .e-treeview .e-icon-collapsible,
9389
9397
  .e-bigger .e-treeview .e-icon-expandable,
@@ -9455,7 +9463,7 @@
9455
9463
  .e-treeview.e-bigger .e-list-text {
9456
9464
  line-height: 38px;
9457
9465
  min-height: 38px;
9458
- padding: 0 12px;
9466
+ padding: 0 16px;
9459
9467
  }
9460
9468
  .e-bigger .e-treeview .e-list-text .e-input-group,
9461
9469
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -9478,7 +9486,13 @@
9478
9486
  .e-bigger .e-treeview .e-list-img,
9479
9487
  .e-treeview.e-bigger .e-list-icon,
9480
9488
  .e-treeview.e-bigger .e-list-img {
9481
- margin: 0 0 0 12px;
9489
+ margin: 0 0 0 16px;
9490
+ }
9491
+ .e-bigger .e-treeview .e-list-icon + .e-list-text,
9492
+ .e-bigger .e-treeview .e-list-img + .e-list-text,
9493
+ .e-treeview.e-bigger .e-list-icon + .e-list-text,
9494
+ .e-treeview.e-bigger .e-list-img + .e-list-text {
9495
+ padding: 0 16px;
9482
9496
  }
9483
9497
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
9484
9498
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9538,7 +9552,7 @@
9538
9552
  .e-bigger .e-treeview.e-rtl .e-list-img,
9539
9553
  .e-treeview.e-bigger.e-rtl .e-list-icon,
9540
9554
  .e-treeview.e-bigger.e-rtl .e-list-img {
9541
- margin: 0 12px 0 0;
9555
+ margin: 0 16px 0 0;
9542
9556
  }
9543
9557
  .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
9544
9558
  .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -9687,7 +9701,7 @@
9687
9701
  margin: 0 0 0 4px;
9688
9702
  }
9689
9703
  .e-treeview .e-checkbox-wrapper + .e-list-text {
9690
- padding: 0 12px;
9704
+ padding: 0 4px;
9691
9705
  }
9692
9706
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
9693
9707
  bottom: -7px;
@@ -9721,7 +9735,7 @@
9721
9735
  .e-treeview .e-list-img {
9722
9736
  display: inline-block;
9723
9737
  height: 18px;
9724
- margin: 0 0 0 6px;
9738
+ margin: 0 0 0 12px;
9725
9739
  vertical-align: middle;
9726
9740
  width: 18px;
9727
9741
  }
@@ -12304,6 +12318,14 @@ ejs-sidebar {
12304
12318
  .e-stepper .e-step-selected .e-label {
12305
12319
  font-weight: 600;
12306
12320
  }
12321
+ .e-stepper.e-linear .e-step-container {
12322
+ pointer-events: none;
12323
+ }
12324
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
12325
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
12326
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
12327
+ pointer-events: auto;
12328
+ }
12307
12329
  .e-stepper.e-stepper-readonly,
12308
12330
  .e-stepper .e-step-disabled {
12309
12331
  cursor: default;
package/styles/h-scroll/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/highcontrast-light.css CHANGED
@@ -2819,9 +2819,9 @@
2819
2819
  }
2820
2820
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2821
2821
  border: 2px dashed #000;
2822
+ background: inherit;
2822
2823
  -webkit-box-shadow: none;
2823
2824
  box-shadow: none;
2824
- background: inherit;
2825
2825
  }
2826
2826
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2827
2827
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
2898
2898
  color: #000;
2899
2899
  }
2900
2900
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2901
- -webkit-box-shadow: none;
2902
- box-shadow: none;
2903
2901
  position: relative;
2904
2902
  z-index: 2;
2903
+ -webkit-box-shadow: none;
2904
+ box-shadow: none;
2905
2905
  }
2906
2906
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2907
2907
  border-color: #757575;
@@ -10612,6 +10612,14 @@ ejs-sidebar {
10612
10612
  .e-stepper .e-step-selected .e-label {
10613
10613
  font-weight: 600;
10614
10614
  }
10615
+ .e-stepper.e-linear .e-step-container {
10616
+ pointer-events: none;
10617
+ }
10618
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10620
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10621
+ pointer-events: auto;
10622
+ }
10615
10623
  .e-stepper.e-stepper-readonly,
10616
10624
  .e-stepper .e-step-disabled {
10617
10625
  cursor: default;
package/styles/highcontrast.css CHANGED
@@ -2820,9 +2820,9 @@
2820
2820
  }
2821
2821
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2822
2822
  border: 2px dashed #fff;
2823
+ background: inherit;
2823
2824
  -webkit-box-shadow: none;
2824
2825
  box-shadow: none;
2825
- background: inherit;
2826
2826
  }
2827
2827
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2828
2828
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2899,10 +2899,10 @@
2899
2899
  color: #fff;
2900
2900
  }
2901
2901
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2902
- -webkit-box-shadow: none;
2903
- box-shadow: none;
2904
2902
  position: relative;
2905
2903
  z-index: 2;
2904
+ -webkit-box-shadow: none;
2905
+ box-shadow: none;
2906
2906
  }
2907
2907
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2908
2908
  border-color: #969696;
@@ -10648,6 +10648,14 @@ ejs-sidebar {
10648
10648
  .e-stepper .e-step-selected .e-label {
10649
10649
  font-weight: 600;
10650
10650
  }
10651
+ .e-stepper.e-linear .e-step-container {
10652
+ pointer-events: none;
10653
+ }
10654
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10655
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10656
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10657
+ pointer-events: auto;
10658
+ }
10651
10659
  .e-stepper.e-stepper-readonly,
10652
10660
  .e-stepper .e-step-disabled {
10653
10661
  cursor: default;
package/styles/material-dark.css CHANGED
@@ -2927,9 +2927,9 @@
2927
2927
  }
2928
2928
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2929
2929
  border: 0;
2930
+ background: rgba(255, 255, 255, 0.05);
2930
2931
  -webkit-box-shadow: none;
2931
2932
  box-shadow: none;
2932
- background: rgba(255, 255, 255, 0.05);
2933
2933
  }
2934
2934
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2935
2935
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3006,10 +3006,10 @@
3006
3006
  color: rgba(255, 255, 255, 0.7);
3007
3007
  }
3008
3008
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3009
- -webkit-box-shadow: none;
3010
- box-shadow: none;
3011
3009
  position: relative;
3012
3010
  z-index: 2;
3011
+ -webkit-box-shadow: none;
3012
+ box-shadow: none;
3013
3013
  }
3014
3014
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3015
3015
  border-color: transparent transparent #616161;
@@ -10771,6 +10771,14 @@ ejs-sidebar {
10771
10771
  .e-stepper .e-step-selected .e-label {
10772
10772
  font-weight: 600;
10773
10773
  }
10774
+ .e-stepper.e-linear .e-step-container {
10775
+ pointer-events: none;
10776
+ }
10777
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10778
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10779
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10780
+ pointer-events: auto;
10781
+ }
10774
10782
  .e-stepper.e-stepper-readonly,
10775
10783
  .e-stepper .e-step-disabled {
10776
10784
  cursor: default;
package/styles/material.css CHANGED
@@ -2927,9 +2927,9 @@
2927
2927
  }
2928
2928
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2929
2929
  border: 0;
2930
+ background: #eee;
2930
2931
  -webkit-box-shadow: none;
2931
2932
  box-shadow: none;
2932
- background: #eee;
2933
2933
  }
2934
2934
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2935
2935
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3006,10 +3006,10 @@
3006
3006
  color: rgba(0, 0, 0, 0.54);
3007
3007
  }
3008
3008
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3009
- -webkit-box-shadow: none;
3010
- box-shadow: none;
3011
3009
  position: relative;
3012
3010
  z-index: 2;
3011
+ -webkit-box-shadow: none;
3012
+ box-shadow: none;
3013
3013
  }
3014
3014
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3015
3015
  border-color: transparent transparent rgba(0, 0, 0, 0.12);
@@ -10787,6 +10787,14 @@ ejs-sidebar {
10787
10787
  .e-stepper .e-step-selected .e-label {
10788
10788
  font-weight: 600;
10789
10789
  }
10790
+ .e-stepper.e-linear .e-step-container {
10791
+ pointer-events: none;
10792
+ }
10793
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10794
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10795
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10796
+ pointer-events: auto;
10797
+ }
10790
10798
  .e-stepper.e-stepper-readonly,
10791
10799
  .e-stepper .e-step-disabled {
10792
10800
  cursor: default;
package/styles/material3-dark.css CHANGED
@@ -2969,9 +2969,9 @@
2969
2969
  }
2970
2970
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2971
2971
  border: 0;
2972
+ background: rgba(var(--color-sf-on-surface), 0.04);
2972
2973
  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
2973
2974
  box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
2974
- background: rgba(var(--color-sf-on-surface), 0.04);
2975
2975
  }
2976
2976
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2977
2977
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3048,10 +3048,10 @@
3048
3048
  color: rgba(var(--color-sf-primary));
3049
3049
  }
3050
3050
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3051
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3052
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3053
3051
  position: relative;
3054
3052
  z-index: 2;
3053
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3054
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3055
3055
  }
3056
3056
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3057
3057
  border-color: rgba(var(--color-sf-outline-variant));
@@ -10871,6 +10871,14 @@ ejs-sidebar {
10871
10871
  .e-stepper .e-step-selected .e-label {
10872
10872
  font-weight: 600;
10873
10873
  }
10874
+ .e-stepper.e-linear .e-step-container {
10875
+ pointer-events: none;
10876
+ }
10877
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10878
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10879
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10880
+ pointer-events: auto;
10881
+ }
10874
10882
  .e-stepper.e-stepper-readonly,
10875
10883
  .e-stepper .e-step-disabled {
10876
10884
  cursor: default;
package/styles/material3.css CHANGED
@@ -3025,9 +3025,9 @@
3025
3025
  }
3026
3026
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3027
3027
  border: 0;
3028
+ background: rgba(var(--color-sf-on-surface), 0.04);
3028
3029
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3029
3030
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3030
- background: rgba(var(--color-sf-on-surface), 0.04);
3031
3031
  }
3032
3032
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3033
3033
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3104,10 +3104,10 @@
3104
3104
  color: rgba(var(--color-sf-primary));
3105
3105
  }
3106
3106
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3107
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3108
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3109
3107
  position: relative;
3110
3108
  z-index: 2;
3109
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3110
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3111
3111
  }
3112
3112
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3113
3113
  border-color: rgba(var(--color-sf-outline-variant));
@@ -10927,6 +10927,14 @@ ejs-sidebar {
10927
10927
  .e-stepper .e-step-selected .e-label {
10928
10928
  font-weight: 600;
10929
10929
  }
10930
+ .e-stepper.e-linear .e-step-container {
10931
+ pointer-events: none;
10932
+ }
10933
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10934
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10935
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10936
+ pointer-events: auto;
10937
+ }
10930
10938
  .e-stepper.e-stepper-readonly,
10931
10939
  .e-stepper .e-step-disabled {
10932
10940
  cursor: default;
package/styles/menu/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/pager/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/sidebar/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/stepper/_layout.scss CHANGED
@@ -47,6 +47,16 @@
47
47
  font-weight: $stepper-font-weight;
48
48
  }
49
49
  }
50
+ &.e-linear {
51
+ .e-step-container {
52
+ pointer-events: none;
53
+ }
54
+ .e-previous:not(.e-step-disabled),
55
+ .e-next:not(.e-step-disabled),
56
+ .e-step-selected:not(.e-step-disabled) {
57
+ pointer-events: auto;
58
+ }
59
+ }
50
60
  &.e-stepper-readonly,
51
61
  .e-step-disabled {
52
62
  cursor: default;
package/styles/stepper/bootstrap-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/bootstrap.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/bootstrap4.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/bootstrap5-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/bootstrap5.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;