@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
@@ -532,9 +532,9 @@
532
532
  }
533
533
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
534
534
  border: 0;
535
+ background: rgba(var(--color-sf-on-surface), 0.04);
535
536
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
536
537
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
537
- background: rgba(var(--color-sf-on-surface), 0.04);
538
538
  }
539
539
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
540
540
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -611,10 +611,10 @@
611
611
  color: rgba(var(--color-sf-primary));
612
612
  }
613
613
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
614
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
615
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
616
614
  position: relative;
617
615
  z-index: 2;
616
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
617
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
618
618
  }
619
619
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
620
620
  border-color: rgba(var(--color-sf-outline-variant));
@@ -418,9 +418,9 @@
418
418
  }
419
419
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
420
420
  border: 0;
421
+ background: #4b5563;
421
422
  -webkit-box-shadow: none;
422
423
  box-shadow: none;
423
- background: #4b5563;
424
424
  }
425
425
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
426
426
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
497
497
  color: #d1d5db;
498
498
  }
499
499
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
500
- -webkit-box-shadow: none;
501
- box-shadow: none;
502
500
  position: relative;
503
501
  z-index: 2;
502
+ -webkit-box-shadow: none;
503
+ box-shadow: none;
504
504
  }
505
505
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
506
506
  border-color: #4b5563;
@@ -418,9 +418,9 @@
418
418
  }
419
419
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
420
420
  border: 0;
421
+ background: #f3f4f6;
421
422
  -webkit-box-shadow: none;
422
423
  box-shadow: none;
423
- background: #f3f4f6;
424
424
  }
425
425
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
426
426
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
497
497
  color: #6b7280;
498
498
  }
499
499
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
500
- -webkit-box-shadow: none;
501
- box-shadow: none;
502
500
  position: relative;
503
501
  z-index: 2;
502
+ -webkit-box-shadow: none;
503
+ box-shadow: none;
504
504
  }
505
505
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
506
506
  border-color: #e5e7eb;
@@ -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;
@@ -2819,9 +2819,9 @@
2819
2819
  }
2820
2820
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2821
2821
  border: 0;
2822
+ background: transparent;
2822
2823
  -webkit-box-shadow: none;
2823
2824
  box-shadow: none;
2824
- background: transparent;
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: #3e98ff;
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: #505050;
@@ -10611,6 +10611,14 @@ ejs-sidebar {
10611
10611
  .e-stepper .e-step-selected .e-label {
10612
10612
  font-weight: 600;
10613
10613
  }
10614
+ .e-stepper.e-linear .e-step-container {
10615
+ pointer-events: none;
10616
+ }
10617
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10618
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10620
+ pointer-events: auto;
10621
+ }
10614
10622
  .e-stepper.e-stepper-readonly,
10615
10623
  .e-stepper .e-step-disabled {
10616
10624
  cursor: default;
@@ -2821,9 +2821,9 @@
2821
2821
  }
2822
2822
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2823
2823
  border: 0;
2824
+ background: transparent;
2824
2825
  -webkit-box-shadow: none;
2825
2826
  box-shadow: none;
2826
- background: transparent;
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: #333;
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: #ddd;
@@ -10622,6 +10622,14 @@ ejs-sidebar {
10622
10622
  .e-stepper .e-step-selected .e-label {
10623
10623
  font-weight: 600;
10624
10624
  }
10625
+ .e-stepper.e-linear .e-step-container {
10626
+ pointer-events: none;
10627
+ }
10628
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10629
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10630
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10631
+ pointer-events: auto;
10632
+ }
10625
10633
  .e-stepper.e-stepper-readonly,
10626
10634
  .e-stepper .e-step-disabled {
10627
10635
  cursor: default;
@@ -2821,9 +2821,9 @@
2821
2821
  }
2822
2822
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2823
2823
  border: 0;
2824
+ background: #f8f9fa;
2824
2825
  -webkit-box-shadow: none;
2825
2826
  box-shadow: none;
2826
- background: #f8f9fa;
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: #007bff;
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: #000 #000 rgba(0, 0, 0, 0.13);
@@ -10740,6 +10740,14 @@ ejs-sidebar {
10740
10740
  .e-stepper .e-step-selected .e-label {
10741
10741
  font-weight: 600;
10742
10742
  }
10743
+ .e-stepper.e-linear .e-step-container {
10744
+ pointer-events: none;
10745
+ }
10746
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10747
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10748
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10749
+ pointer-events: auto;
10750
+ }
10743
10751
  .e-stepper.e-stepper-readonly,
10744
10752
  .e-stepper .e-step-disabled {
10745
10753
  cursor: default;
@@ -2886,9 +2886,9 @@
2886
2886
  }
2887
2887
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2888
2888
  border: 0;
2889
+ background: none;
2889
2890
  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2890
2891
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2891
- background: none;
2892
2892
  }
2893
2893
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2894
2894
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2965,10 +2965,10 @@
2965
2965
  color: #6ea8fe;
2966
2966
  }
2967
2967
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2968
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2969
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2970
2968
  position: relative;
2971
2969
  z-index: 2;
2970
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2971
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2972
2972
  }
2973
2973
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2974
2974
  border-color: #444c54;
@@ -10758,6 +10758,14 @@ ejs-sidebar {
10758
10758
  .e-stepper .e-step-selected .e-label {
10759
10759
  font-weight: 600;
10760
10760
  }
10761
+ .e-stepper.e-linear .e-step-container {
10762
+ pointer-events: none;
10763
+ }
10764
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10765
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10766
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10767
+ pointer-events: auto;
10768
+ }
10761
10769
  .e-stepper.e-stepper-readonly,
10762
10770
  .e-stepper .e-step-disabled {
10763
10771
  cursor: default;
@@ -2886,9 +2886,9 @@
2886
2886
  }
2887
2887
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2888
2888
  border: 0;
2889
+ background: none;
2889
2890
  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2890
2891
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2891
- background: none;
2892
2892
  }
2893
2893
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2894
2894
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2965,10 +2965,10 @@
2965
2965
  color: #0c63e4;
2966
2966
  }
2967
2967
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2968
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2969
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2970
2968
  position: relative;
2971
2969
  z-index: 2;
2970
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2971
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2972
2972
  }
2973
2973
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2974
2974
  border-color: #dee2e6;
@@ -10758,6 +10758,14 @@ ejs-sidebar {
10758
10758
  .e-stepper .e-step-selected .e-label {
10759
10759
  font-weight: 600;
10760
10760
  }
10761
+ .e-stepper.e-linear .e-step-container {
10762
+ pointer-events: none;
10763
+ }
10764
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10765
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10766
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10767
+ pointer-events: auto;
10768
+ }
10761
10769
  .e-stepper.e-stepper-readonly,
10762
10770
  .e-stepper .e-step-disabled {
10763
10771
  cursor: default;
@@ -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;
@@ -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;
@@ -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;
@@ -2819,9 +2819,9 @@
2819
2819
  }
2820
2820
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2821
2821
  border: 1px solid #414040;
2822
+ background: #414040;
2822
2823
  -webkit-box-shadow: none;
2823
2824
  box-shadow: none;
2824
- background: #414040;
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: #dadada;
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: #414040;
@@ -10611,6 +10611,14 @@ ejs-sidebar {
10611
10611
  .e-stepper .e-step-selected .e-label {
10612
10612
  font-weight: 600;
10613
10613
  }
10614
+ .e-stepper.e-linear .e-step-container {
10615
+ pointer-events: none;
10616
+ }
10617
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10618
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10620
+ pointer-events: auto;
10621
+ }
10614
10622
  .e-stepper.e-stepper-readonly,
10615
10623
  .e-stepper .e-step-disabled {
10616
10624
  cursor: default;
package/styles/fabric.css CHANGED
@@ -2820,9 +2820,9 @@
2820
2820
  }
2821
2821
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2822
2822
  border: 1px solid #f4f4f4;
2823
+ background: #f4f4f4;
2823
2824
  -webkit-box-shadow: none;
2824
2825
  box-shadow: none;
2825
- background: #f4f4f4;
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: #333;
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: #eaeaea;
@@ -10613,6 +10613,14 @@ ejs-sidebar {
10613
10613
  .e-stepper .e-step-selected .e-label {
10614
10614
  font-weight: 600;
10615
10615
  }
10616
+ .e-stepper.e-linear .e-step-container {
10617
+ pointer-events: none;
10618
+ }
10619
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10620
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10621
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10622
+ pointer-events: auto;
10623
+ }
10616
10624
  .e-stepper.e-stepper-readonly,
10617
10625
  .e-stepper .e-step-disabled {
10618
10626
  cursor: default;
@@ -2859,9 +2859,9 @@
2859
2859
  }
2860
2860
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2861
2861
  border: 1px solid #f3f2f1;
2862
+ background: #252423;
2862
2863
  -webkit-box-shadow: none;
2863
2864
  box-shadow: none;
2864
- background: #252423;
2865
2865
  }
2866
2866
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2867
2867
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2938,10 +2938,10 @@
2938
2938
  color: #a19f9d;
2939
2939
  }
2940
2940
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2941
- -webkit-box-shadow: none;
2942
- box-shadow: none;
2943
2941
  position: relative;
2944
2942
  z-index: 2;
2943
+ -webkit-box-shadow: none;
2944
+ box-shadow: none;
2945
2945
  }
2946
2946
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2947
2947
  border-color: #292827;
@@ -10732,6 +10732,14 @@ ejs-sidebar {
10732
10732
  .e-stepper .e-step-selected .e-label {
10733
10733
  font-weight: 600;
10734
10734
  }
10735
+ .e-stepper.e-linear .e-step-container {
10736
+ pointer-events: none;
10737
+ }
10738
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10739
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10740
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10741
+ pointer-events: auto;
10742
+ }
10735
10743
  .e-stepper.e-stepper-readonly,
10736
10744
  .e-stepper .e-step-disabled {
10737
10745
  cursor: default;
package/styles/fluent.css CHANGED
@@ -2859,9 +2859,9 @@
2859
2859
  }
2860
2860
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2861
2861
  border: 1px solid #201f1e;
2862
+ background: #f3f2f1;
2862
2863
  -webkit-box-shadow: none;
2863
2864
  box-shadow: none;
2864
- background: #f3f2f1;
2865
2865
  }
2866
2866
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2867
2867
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2938,10 +2938,10 @@
2938
2938
  color: #605e5c;
2939
2939
  }
2940
2940
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2941
- -webkit-box-shadow: none;
2942
- box-shadow: none;
2943
2941
  position: relative;
2944
2942
  z-index: 2;
2943
+ -webkit-box-shadow: none;
2944
+ box-shadow: none;
2945
2945
  }
2946
2946
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2947
2947
  border-color: #edebe9;
@@ -10732,6 +10732,14 @@ ejs-sidebar {
10732
10732
  .e-stepper .e-step-selected .e-label {
10733
10733
  font-weight: 600;
10734
10734
  }
10735
+ .e-stepper.e-linear .e-step-container {
10736
+ pointer-events: none;
10737
+ }
10738
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10739
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10740
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10741
+ pointer-events: auto;
10742
+ }
10735
10743
  .e-stepper.e-stepper-readonly,
10736
10744
  .e-stepper .e-step-disabled {
10737
10745
  cursor: default;