@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/stepper/material.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/material3-dark.css CHANGED
@@ -119,6 +119,14 @@
119
119
  .e-stepper .e-step-selected .e-label {
120
120
  font-weight: 600;
121
121
  }
122
+ .e-stepper.e-linear .e-step-container {
123
+ pointer-events: none;
124
+ }
125
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
126
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
127
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
128
+ pointer-events: auto;
129
+ }
122
130
  .e-stepper.e-stepper-readonly,
123
131
  .e-stepper .e-step-disabled {
124
132
  cursor: default;
package/styles/stepper/material3.css CHANGED
@@ -231,6 +231,14 @@
231
231
  .e-stepper .e-step-selected .e-label {
232
232
  font-weight: 600;
233
233
  }
234
+ .e-stepper.e-linear .e-step-container {
235
+ pointer-events: none;
236
+ }
237
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
238
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
239
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
240
+ pointer-events: auto;
241
+ }
234
242
  .e-stepper.e-stepper-readonly,
235
243
  .e-stepper .e-step-disabled {
236
244
  cursor: default;
package/styles/stepper/tailwind-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/tailwind.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/tab/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/tailwind-dark.css CHANGED
@@ -2979,9 +2979,9 @@
2979
2979
  }
2980
2980
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2981
2981
  border: 0;
2982
+ background: #4b5563;
2982
2983
  -webkit-box-shadow: none;
2983
2984
  box-shadow: none;
2984
- background: #4b5563;
2985
2985
  }
2986
2986
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2987
2987
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3058,10 +3058,10 @@
3058
3058
  color: #d1d5db;
3059
3059
  }
3060
3060
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3061
- -webkit-box-shadow: none;
3062
- box-shadow: none;
3063
3061
  position: relative;
3064
3062
  z-index: 2;
3063
+ -webkit-box-shadow: none;
3064
+ box-shadow: none;
3065
3065
  }
3066
3066
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3067
3067
  border-color: #4b5563;
@@ -10965,6 +10965,14 @@ ejs-sidebar {
10965
10965
  .e-stepper .e-step-selected .e-label {
10966
10966
  font-weight: 600;
10967
10967
  }
10968
+ .e-stepper.e-linear .e-step-container {
10969
+ pointer-events: none;
10970
+ }
10971
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10972
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10973
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10974
+ pointer-events: auto;
10975
+ }
10968
10976
  .e-stepper.e-stepper-readonly,
10969
10977
  .e-stepper .e-step-disabled {
10970
10978
  cursor: default;
package/styles/tailwind.css CHANGED
@@ -2979,9 +2979,9 @@
2979
2979
  }
2980
2980
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2981
2981
  border: 0;
2982
+ background: #f3f4f6;
2982
2983
  -webkit-box-shadow: none;
2983
2984
  box-shadow: none;
2984
- background: #f3f4f6;
2985
2985
  }
2986
2986
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2987
2987
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3058,10 +3058,10 @@
3058
3058
  color: #6b7280;
3059
3059
  }
3060
3060
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3061
- -webkit-box-shadow: none;
3062
- box-shadow: none;
3063
3061
  position: relative;
3064
3062
  z-index: 2;
3063
+ -webkit-box-shadow: none;
3064
+ box-shadow: none;
3065
3065
  }
3066
3066
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3067
3067
  border-color: #e5e7eb;
@@ -10965,6 +10965,14 @@ ejs-sidebar {
10965
10965
  .e-stepper .e-step-selected .e-label {
10966
10966
  font-weight: 600;
10967
10967
  }
10968
+ .e-stepper.e-linear .e-step-container {
10969
+ pointer-events: none;
10970
+ }
10971
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10972
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10973
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10974
+ pointer-events: auto;
10975
+ }
10968
10976
  .e-stepper.e-stepper-readonly,
10969
10977
  .e-stepper .e-step-disabled {
10970
10978
  cursor: default;
package/styles/toolbar/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/treeview/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;
@@ -1294,7 +1294,7 @@
1294
1294
  }
1295
1295
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
1296
1296
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
1297
- padding: 0 12px;
1297
+ padding: 0 8px;
1298
1298
  }
1299
1299
  .e-bigger .e-treeview .e-icon-collapsible,
1300
1300
  .e-bigger .e-treeview .e-icon-expandable,
@@ -1366,7 +1366,7 @@
1366
1366
  .e-treeview.e-bigger .e-list-text {
1367
1367
  line-height: 38px;
1368
1368
  min-height: 38px;
1369
- padding: 0 12px;
1369
+ padding: 0 16px;
1370
1370
  }
1371
1371
  .e-bigger .e-treeview .e-list-text .e-input-group,
1372
1372
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -1389,7 +1389,13 @@
1389
1389
  .e-bigger .e-treeview .e-list-img,
1390
1390
  .e-treeview.e-bigger .e-list-icon,
1391
1391
  .e-treeview.e-bigger .e-list-img {
1392
- margin: 0 0 0 12px;
1392
+ margin: 0 0 0 16px;
1393
+ }
1394
+ .e-bigger .e-treeview .e-list-icon + .e-list-text,
1395
+ .e-bigger .e-treeview .e-list-img + .e-list-text,
1396
+ .e-treeview.e-bigger .e-list-icon + .e-list-text,
1397
+ .e-treeview.e-bigger .e-list-img + .e-list-text {
1398
+ padding: 0 16px;
1393
1399
  }
1394
1400
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
1395
1401
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -1449,7 +1455,7 @@
1449
1455
  .e-bigger .e-treeview.e-rtl .e-list-img,
1450
1456
  .e-treeview.e-bigger.e-rtl .e-list-icon,
1451
1457
  .e-treeview.e-bigger.e-rtl .e-list-img {
1452
- margin: 0 12px 0 0;
1458
+ margin: 0 16px 0 0;
1453
1459
  }
1454
1460
  .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
1455
1461
  .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -1598,7 +1604,7 @@
1598
1604
  margin: 0 0 0 4px;
1599
1605
  }
1600
1606
  .e-treeview .e-checkbox-wrapper + .e-list-text {
1601
- padding: 0 12px;
1607
+ padding: 0 4px;
1602
1608
  }
1603
1609
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
1604
1610
  bottom: -7px;
@@ -1632,7 +1638,7 @@
1632
1638
  .e-treeview .e-list-img {
1633
1639
  display: inline-block;
1634
1640
  height: 18px;
1635
- margin: 0 0 0 6px;
1641
+ margin: 0 0 0 12px;
1636
1642
  vertical-align: middle;
1637
1643
  width: 18px;
1638
1644
  }
package/styles/v-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;