@syncfusion/ej2-react-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 (69) hide show
  1. package/dist/ej2-react-navigations.min.js +1 -1
  2. package/dist/ej2-react-navigations.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/styles/accordion/bootstrap-dark.css +3 -3
  5. package/styles/accordion/bootstrap.css +3 -3
  6. package/styles/accordion/bootstrap4.css +3 -3
  7. package/styles/accordion/bootstrap5-dark.css +3 -3
  8. package/styles/accordion/bootstrap5.css +3 -3
  9. package/styles/accordion/fabric-dark.css +3 -3
  10. package/styles/accordion/fabric.css +3 -3
  11. package/styles/accordion/fluent-dark.css +3 -3
  12. package/styles/accordion/fluent.css +3 -3
  13. package/styles/accordion/fluent2.css +17 -9
  14. package/styles/accordion/highcontrast-light.css +3 -3
  15. package/styles/accordion/highcontrast.css +3 -3
  16. package/styles/accordion/material-dark.css +3 -3
  17. package/styles/accordion/material.css +3 -3
  18. package/styles/accordion/material3-dark.css +3 -3
  19. package/styles/accordion/material3.css +3 -3
  20. package/styles/accordion/tailwind-dark.css +3 -3
  21. package/styles/accordion/tailwind.css +3 -3
  22. package/styles/appbar/fluent2.css +5 -5
  23. package/styles/bootstrap-dark.css +11 -3
  24. package/styles/bootstrap.css +11 -3
  25. package/styles/bootstrap4.css +11 -3
  26. package/styles/bootstrap5-dark.css +11 -3
  27. package/styles/bootstrap5.css +11 -3
  28. package/styles/breadcrumb/fluent2.css +5 -5
  29. package/styles/carousel/fluent2.css +5 -5
  30. package/styles/context-menu/fluent2.css +5 -5
  31. package/styles/fabric-dark.css +11 -3
  32. package/styles/fabric.css +11 -3
  33. package/styles/fluent-dark.css +11 -3
  34. package/styles/fluent.css +11 -3
  35. package/styles/fluent2.css +102 -80
  36. package/styles/h-scroll/fluent2.css +5 -5
  37. package/styles/highcontrast-light.css +11 -3
  38. package/styles/highcontrast.css +11 -3
  39. package/styles/material-dark.css +11 -3
  40. package/styles/material.css +11 -3
  41. package/styles/material3-dark.css +11 -3
  42. package/styles/material3.css +11 -3
  43. package/styles/menu/fluent2.css +5 -5
  44. package/styles/pager/fluent2.css +5 -5
  45. package/styles/sidebar/fluent2.css +5 -5
  46. package/styles/stepper/bootstrap-dark.css +8 -0
  47. package/styles/stepper/bootstrap.css +8 -0
  48. package/styles/stepper/bootstrap4.css +8 -0
  49. package/styles/stepper/bootstrap5-dark.css +8 -0
  50. package/styles/stepper/bootstrap5.css +8 -0
  51. package/styles/stepper/fabric-dark.css +8 -0
  52. package/styles/stepper/fabric.css +8 -0
  53. package/styles/stepper/fluent-dark.css +8 -0
  54. package/styles/stepper/fluent.css +8 -0
  55. package/styles/stepper/fluent2.css +13 -5
  56. package/styles/stepper/highcontrast-light.css +8 -0
  57. package/styles/stepper/highcontrast.css +8 -0
  58. package/styles/stepper/material-dark.css +8 -0
  59. package/styles/stepper/material.css +8 -0
  60. package/styles/stepper/material3-dark.css +8 -0
  61. package/styles/stepper/material3.css +8 -0
  62. package/styles/stepper/tailwind-dark.css +8 -0
  63. package/styles/stepper/tailwind.css +8 -0
  64. package/styles/tab/fluent2.css +5 -5
  65. package/styles/tailwind-dark.css +11 -3
  66. package/styles/tailwind.css +11 -3
  67. package/styles/toolbar/fluent2.css +5 -5
  68. package/styles/treeview/fluent2.css +17 -11
  69. package/styles/v-scroll/fluent2.css +5 -5
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
@@ -2821,9 +2821,9 @@
2821
2821
  }
2822
2822
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2823
2823
  border: 2px dashed #fff;
2824
+ background: inherit;
2824
2825
  -webkit-box-shadow: none;
2825
2826
  box-shadow: none;
2826
- background: inherit;
2827
2827
  }
2828
2828
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2829
2829
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2900,10 +2900,10 @@
2900
2900
  color: #fff;
2901
2901
  }
2902
2902
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2903
- -webkit-box-shadow: none;
2904
- box-shadow: none;
2905
2903
  position: relative;
2906
2904
  z-index: 2;
2905
+ -webkit-box-shadow: none;
2906
+ box-shadow: none;
2907
2907
  }
2908
2908
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2909
2909
  border-color: #969696;
@@ -10651,6 +10651,14 @@ ejs-sidebar {
10651
10651
  .e-stepper .e-step-selected .e-label {
10652
10652
  font-weight: 600;
10653
10653
  }
10654
+ .e-stepper.e-linear .e-step-container {
10655
+ pointer-events: none;
10656
+ }
10657
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10658
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10659
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10660
+ pointer-events: auto;
10661
+ }
10654
10662
  .e-stepper.e-stepper-readonly,
10655
10663
  .e-stepper .e-step-disabled {
10656
10664
  cursor: default;
package/styles/material-dark.css CHANGED
@@ -2948,9 +2948,9 @@
2948
2948
  }
2949
2949
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2950
2950
  border: 0;
2951
+ background: rgba(255, 255, 255, 0.05);
2951
2952
  -webkit-box-shadow: none;
2952
2953
  box-shadow: none;
2953
- background: rgba(255, 255, 255, 0.05);
2954
2954
  }
2955
2955
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2956
2956
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3027,10 +3027,10 @@
3027
3027
  color: rgba(255, 255, 255, 0.7);
3028
3028
  }
3029
3029
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3030
- -webkit-box-shadow: none;
3031
- box-shadow: none;
3032
3030
  position: relative;
3033
3031
  z-index: 2;
3032
+ -webkit-box-shadow: none;
3033
+ box-shadow: none;
3034
3034
  }
3035
3035
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3036
3036
  border-color: transparent transparent #616161;
@@ -10846,6 +10846,14 @@ ejs-sidebar {
10846
10846
  .e-stepper .e-step-selected .e-label {
10847
10847
  font-weight: 600;
10848
10848
  }
10849
+ .e-stepper.e-linear .e-step-container {
10850
+ pointer-events: none;
10851
+ }
10852
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10853
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10854
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10855
+ pointer-events: auto;
10856
+ }
10849
10857
  .e-stepper.e-stepper-readonly,
10850
10858
  .e-stepper .e-step-disabled {
10851
10859
  cursor: default;
package/styles/material.css CHANGED
@@ -2950,9 +2950,9 @@
2950
2950
  }
2951
2951
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2952
2952
  border: 0;
2953
+ background: #eee;
2953
2954
  -webkit-box-shadow: none;
2954
2955
  box-shadow: none;
2955
- background: #eee;
2956
2956
  }
2957
2957
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2958
2958
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3029,10 +3029,10 @@
3029
3029
  color: rgba(0, 0, 0, 0.54);
3030
3030
  }
3031
3031
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3032
- -webkit-box-shadow: none;
3033
- box-shadow: none;
3034
3032
  position: relative;
3035
3033
  z-index: 2;
3034
+ -webkit-box-shadow: none;
3035
+ box-shadow: none;
3036
3036
  }
3037
3037
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3038
3038
  border-color: transparent transparent rgba(0, 0, 0, 0.12);
@@ -10868,6 +10868,14 @@ ejs-sidebar {
10868
10868
  .e-stepper .e-step-selected .e-label {
10869
10869
  font-weight: 600;
10870
10870
  }
10871
+ .e-stepper.e-linear .e-step-container {
10872
+ pointer-events: none;
10873
+ }
10874
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10875
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10876
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10877
+ pointer-events: auto;
10878
+ }
10871
10879
  .e-stepper.e-stepper-readonly,
10872
10880
  .e-stepper .e-step-disabled {
10873
10881
  cursor: default;
package/styles/material3-dark.css CHANGED
@@ -3477,9 +3477,9 @@
3477
3477
  }
3478
3478
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3479
3479
  border: 0;
3480
+ background: rgba(var(--color-sf-on-surface), 0.04);
3480
3481
  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3481
3482
  box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3482
- background: rgba(var(--color-sf-on-surface), 0.04);
3483
3483
  }
3484
3484
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3485
3485
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3556,10 +3556,10 @@
3556
3556
  color: rgba(var(--color-sf-primary));
3557
3557
  }
3558
3558
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3559
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3560
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3561
3559
  position: relative;
3562
3560
  z-index: 2;
3561
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3562
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3563
3563
  }
3564
3564
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3565
3565
  border-color: rgba(var(--color-sf-outline-variant));
@@ -12398,6 +12398,14 @@ ejs-sidebar {
12398
12398
  .e-stepper .e-step-selected .e-label {
12399
12399
  font-weight: 600;
12400
12400
  }
12401
+ .e-stepper.e-linear .e-step-container {
12402
+ pointer-events: none;
12403
+ }
12404
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
12405
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
12406
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
12407
+ pointer-events: auto;
12408
+ }
12401
12409
  .e-stepper.e-stepper-readonly,
12402
12410
  .e-stepper .e-step-disabled {
12403
12411
  cursor: default;
package/styles/material3.css CHANGED
@@ -4037,9 +4037,9 @@
4037
4037
  }
4038
4038
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
4039
4039
  border: 0;
4040
+ background: rgba(var(--color-sf-on-surface), 0.04);
4040
4041
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4041
4042
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4042
- background: rgba(var(--color-sf-on-surface), 0.04);
4043
4043
  }
4044
4044
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
4045
4045
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -4116,10 +4116,10 @@
4116
4116
  color: rgba(var(--color-sf-primary));
4117
4117
  }
4118
4118
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4119
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4120
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4121
4119
  position: relative;
4122
4120
  z-index: 2;
4121
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4122
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4123
4123
  }
4124
4124
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
4125
4125
  border-color: rgba(var(--color-sf-outline-variant));
@@ -13966,6 +13966,14 @@ ejs-sidebar {
13966
13966
  .e-stepper .e-step-selected .e-label {
13967
13967
  font-weight: 600;
13968
13968
  }
13969
+ .e-stepper.e-linear .e-step-container {
13970
+ pointer-events: none;
13971
+ }
13972
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
13973
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
13974
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
13975
+ pointer-events: auto;
13976
+ }
13969
13977
  .e-stepper.e-stepper-readonly,
13970
13978
  .e-stepper .e-step-disabled {
13971
13979
  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/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;
package/styles/stepper/fabric-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/fabric.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/fluent-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/fluent.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/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;
@@ -1043,6 +1043,14 @@
1043
1043
  .e-stepper .e-step-selected .e-label {
1044
1044
  font-weight: 600;
1045
1045
  }
1046
+ .e-stepper.e-linear .e-step-container {
1047
+ pointer-events: none;
1048
+ }
1049
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
1050
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
1051
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
1052
+ pointer-events: auto;
1053
+ }
1046
1054
  .e-stepper.e-stepper-readonly,
1047
1055
  .e-stepper .e-step-disabled {
1048
1056
  cursor: default;
package/styles/stepper/highcontrast-light.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/highcontrast.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/material-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;