@syncfusion/blazor-themes 20.4.38 → 20.4.40

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 (85) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +28 -6
  2. package/SCSS-Themes/bootstrap.scss +28 -6
  3. package/SCSS-Themes/bootstrap4.scss +28 -6
  4. package/SCSS-Themes/bootstrap5-dark.scss +28 -6
  5. package/SCSS-Themes/bootstrap5.scss +28 -6
  6. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +5 -0
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +5 -0
  8. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +5 -0
  9. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +6 -1
  10. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +6 -1
  11. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +5 -0
  12. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +5 -0
  13. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +5 -0
  14. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +5 -0
  15. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +5 -0
  16. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +5 -0
  17. package/SCSS-Themes/dropdowns/multi-select/material.scss +5 -0
  18. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +5 -0
  19. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +5 -0
  20. package/SCSS-Themes/fabric-dark.scss +26 -4
  21. package/SCSS-Themes/fabric.scss +26 -4
  22. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +6 -0
  23. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +6 -0
  24. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +6 -0
  25. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +6 -0
  26. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +6 -0
  27. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +6 -0
  28. package/SCSS-Themes/filemanager/file-manager/fabric.scss +6 -0
  29. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +6 -0
  30. package/SCSS-Themes/filemanager/file-manager/fluent.scss +6 -0
  31. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +6 -0
  32. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +6 -0
  33. package/SCSS-Themes/filemanager/file-manager/material.scss +6 -0
  34. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +6 -0
  35. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +6 -0
  36. package/SCSS-Themes/fluent-dark.scss +27 -5
  37. package/SCSS-Themes/fluent.scss +27 -5
  38. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  39. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  40. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  41. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  42. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  43. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  44. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  45. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  46. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  47. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  48. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  49. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  50. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  51. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  52. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -2
  53. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -2
  54. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -2
  55. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -2
  56. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -2
  57. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -2
  58. package/SCSS-Themes/grids/grid/fabric.scss +7 -2
  59. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -2
  60. package/SCSS-Themes/grids/grid/fluent.scss +7 -2
  61. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -2
  62. package/SCSS-Themes/grids/grid/material-dark.scss +7 -2
  63. package/SCSS-Themes/grids/grid/material.scss +7 -2
  64. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -2
  65. package/SCSS-Themes/grids/grid/tailwind.scss +7 -2
  66. package/SCSS-Themes/highcontrast.scss +26 -4
  67. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +7 -1
  68. package/SCSS-Themes/inputs/rating/bootstrap.scss +7 -1
  69. package/SCSS-Themes/inputs/rating/bootstrap4.scss +7 -1
  70. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +7 -1
  71. package/SCSS-Themes/inputs/rating/bootstrap5.scss +7 -1
  72. package/SCSS-Themes/inputs/rating/fabric-dark.scss +7 -1
  73. package/SCSS-Themes/inputs/rating/fabric.scss +7 -1
  74. package/SCSS-Themes/inputs/rating/fluent-dark.scss +7 -1
  75. package/SCSS-Themes/inputs/rating/fluent.scss +7 -1
  76. package/SCSS-Themes/inputs/rating/highcontrast.scss +7 -1
  77. package/SCSS-Themes/inputs/rating/material-dark.scss +7 -1
  78. package/SCSS-Themes/inputs/rating/material.scss +7 -1
  79. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +7 -1
  80. package/SCSS-Themes/inputs/rating/tailwind.scss +7 -1
  81. package/SCSS-Themes/material-dark.scss +28 -6
  82. package/SCSS-Themes/material.scss +28 -6
  83. package/SCSS-Themes/tailwind-dark.scss +28 -6
  84. package/SCSS-Themes/tailwind.scss +28 -6
  85. package/package.json +1 -1
@@ -59170,6 +59170,11 @@ ejs-multiselect {
59170
59170
  margin-right: 0;
59171
59171
  }
59172
59172
 
59173
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
59174
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
59175
+ cursor: not-allowed;
59176
+ }
59177
+
59173
59178
 
59174
59179
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
59175
59180
  color: $ddl-sel-chip-close;
@@ -69204,7 +69209,7 @@ $bigger-splitbar-icon-size: 16px !default;
69204
69209
  }
69205
69210
  }
69206
69211
 
69207
-
69212
+ @use 'sass:math';
69208
69213
 
69209
69214
 
69210
69215
  $pager-numericitem-border-radius: 4px !default;
@@ -71006,7 +71011,7 @@ $grid-xl-radio-margin-top: 0 !default;
71006
71011
  }
71007
71012
  }
71008
71013
 
71009
-
71014
+ @use 'sass:math';
71010
71015
 
71011
71016
 
71012
71017
 
@@ -73328,7 +73333,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73328
73333
 
73329
73334
  &.e-default tr {
73330
73335
  & td:first-child,
73331
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73336
+ & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73332
73337
  & th.e-detailheadercell:first-child,
73333
73338
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
73334
73339
  border-left-width: 0;
@@ -75298,7 +75303,12 @@ $grid-dropitems-count-margin-left: -8px !default;
75298
75303
 
75299
75304
  .e-movablecontent {
75300
75305
  height: inherit;
75301
- overflow: hidden;
75306
+ overflow-x: auto;
75307
+ scrollbar-width: none; /* firefox */
75308
+ }
75309
+
75310
+ .e-movablecontent::-webkit-scrollbar {
75311
+ display: none; /* safari, chrome and edge */
75302
75312
  }
75303
75313
 
75304
75314
  .e-frozencontent {
@@ -77923,6 +77933,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
77923
77933
  display: inline-table;
77924
77934
  transform: rotate(180deg);
77925
77935
  }
77936
+
77937
+ .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
77938
+ @if $fm-skin-name == 'FluentUI' {
77939
+ line-height: $fe-cb-line-height;
77940
+ }
77941
+ }
77926
77942
  }
77927
77943
 
77928
77944
  .e-splitter.e-splitter-horizontal {
@@ -87032,7 +87048,7 @@ $gantt-masked-table-background-color: #e1dfdd;
87032
87048
 
87033
87049
  .e-gantt-child-manualtaskbar {
87034
87050
  background-color: $gantt-manualchild-task-bar;
87035
- border: $gantt-manualchild-task-bar-border;
87051
+ outline: $gantt-manualchild-task-bar-border;
87036
87052
  }
87037
87053
 
87038
87054
  .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -112970,6 +112986,7 @@ $rating-label-top-margin: 8px !default;
112970
112986
  $rating-label-font-size: 12px !default;
112971
112987
  $rating-label-line-height: 18px !default;
112972
112988
  $rating-reset-font-size : 16px !default;
112989
+ $rating-tooltip-tip-bottom-height: 8px !default;
112973
112990
 
112974
112991
  $rating-small-li-font-size: 16px !default;
112975
112992
  $rating-small-li-line-height: 4px !default;
@@ -113076,6 +113093,11 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
113076
113093
  &.e-disabled {
113077
113094
  cursor: default;
113078
113095
  }
113096
+
113097
+ &:focus-visible{
113098
+ outline: 1px solid;
113099
+ border-radius: $rating-focus-border-radius;
113100
+ }
113079
113101
  }
113080
113102
 
113081
113103
  .e-rating-label {
@@ -113129,7 +113151,7 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
113129
113151
  display: none;
113130
113152
  justify-content: center;
113131
113153
  left: 50%;
113132
- top: -8px;
113154
+ top: -$rating-tooltip-tip-bottom-height;
113133
113155
  transform: translate(-50%, -100%);
113134
113156
 
113135
113157
  &.e-show-tooltip {
@@ -58883,6 +58883,11 @@ ejs-multiselect {
58883
58883
  margin-right: 0;
58884
58884
  }
58885
58885
 
58886
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
58887
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
58888
+ cursor: not-allowed;
58889
+ }
58890
+
58886
58891
 
58887
58892
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
58888
58893
  color: $ddl-sel-chip-close;
@@ -68909,7 +68914,7 @@ $bigger-splitbar-icon-size: 16px !default;
68909
68914
  }
68910
68915
  }
68911
68916
 
68912
-
68917
+ @use 'sass:math';
68913
68918
 
68914
68919
 
68915
68920
  $pager-numericitem-border-radius: 4px !default;
@@ -70716,7 +70721,7 @@ $grid-xl-radio-margin-top: 0 !default;
70716
70721
  }
70717
70722
  }
70718
70723
 
70719
-
70724
+ @use 'sass:math';
70720
70725
 
70721
70726
 
70722
70727
 
@@ -73040,7 +73045,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73040
73045
 
73041
73046
  &.e-default tr {
73042
73047
  & td:first-child,
73043
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73048
+ & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73044
73049
  & th.e-detailheadercell:first-child,
73045
73050
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
73046
73051
  border-left-width: 0;
@@ -75010,7 +75015,12 @@ $grid-dropitems-count-margin-left: -8px !default;
75010
75015
 
75011
75016
  .e-movablecontent {
75012
75017
  height: inherit;
75013
- overflow: hidden;
75018
+ overflow-x: auto;
75019
+ scrollbar-width: none; /* firefox */
75020
+ }
75021
+
75022
+ .e-movablecontent::-webkit-scrollbar {
75023
+ display: none; /* safari, chrome and edge */
75014
75024
  }
75015
75025
 
75016
75026
  .e-frozencontent {
@@ -77636,6 +77646,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
77636
77646
  display: inline-table;
77637
77647
  transform: rotate(180deg);
77638
77648
  }
77649
+
77650
+ .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
77651
+ @if $fm-skin-name == 'FluentUI' {
77652
+ line-height: $fe-cb-line-height;
77653
+ }
77654
+ }
77639
77655
  }
77640
77656
 
77641
77657
  .e-splitter.e-splitter-horizontal {
@@ -86794,7 +86810,7 @@ $gantt-masked-table-background-color: #e1dfdd;
86794
86810
 
86795
86811
  .e-gantt-child-manualtaskbar {
86796
86812
  background-color: $gantt-manualchild-task-bar;
86797
- border: $gantt-manualchild-task-bar-border;
86813
+ outline: $gantt-manualchild-task-bar-border;
86798
86814
  }
86799
86815
 
86800
86816
  .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -112684,6 +112700,7 @@ $rating-label-top-margin: 8px !default;
112684
112700
  $rating-label-font-size: 12px !default;
112685
112701
  $rating-label-line-height: 18px !default;
112686
112702
  $rating-reset-font-size : 16px !default;
112703
+ $rating-tooltip-tip-bottom-height: 8px !default;
112687
112704
 
112688
112705
  $rating-small-li-font-size: 16px !default;
112689
112706
  $rating-small-li-line-height: 4px !default;
@@ -112790,6 +112807,11 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
112790
112807
  &.e-disabled {
112791
112808
  cursor: default;
112792
112809
  }
112810
+
112811
+ &:focus-visible{
112812
+ outline: 1px solid;
112813
+ border-radius: $rating-focus-border-radius;
112814
+ }
112793
112815
  }
112794
112816
 
112795
112817
  .e-rating-label {
@@ -112843,7 +112865,7 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
112843
112865
  display: none;
112844
112866
  justify-content: center;
112845
112867
  left: 50%;
112846
- top: -8px;
112868
+ top: -$rating-tooltip-tip-bottom-height;
112847
112869
  transform: translate(-50%, -100%);
112848
112870
 
112849
112871
  &.e-show-tooltip {
@@ -59041,6 +59041,11 @@ ejs-multiselect {
59041
59041
  margin-right: 0;
59042
59042
  }
59043
59043
 
59044
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
59045
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
59046
+ cursor: not-allowed;
59047
+ }
59048
+
59044
59049
 
59045
59050
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
59046
59051
  color: $ddl-sel-chip-close;
@@ -69096,7 +69101,7 @@ $bigger-splitbar-icon-size: 16px !default;
69096
69101
  }
69097
69102
  }
69098
69103
 
69099
-
69104
+ @use 'sass:math';
69100
69105
 
69101
69106
 
69102
69107
  $pager-numericitem-border-radius: 0 !default;
@@ -70912,7 +70917,7 @@ $grid-xl-radio-margin-top: 0 !default;
70912
70917
  }
70913
70918
  }
70914
70919
 
70915
-
70920
+ @use 'sass:math';
70916
70921
 
70917
70922
 
70918
70923
 
@@ -73240,7 +73245,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73240
73245
 
73241
73246
  &.e-default tr {
73242
73247
  & td:first-child,
73243
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73248
+ & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73244
73249
  & th.e-detailheadercell:first-child,
73245
73250
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
73246
73251
  border-left-width: 0;
@@ -75210,7 +75215,12 @@ $grid-dropitems-count-margin-left: -8px !default;
75210
75215
 
75211
75216
  .e-movablecontent {
75212
75217
  height: inherit;
75213
- overflow: hidden;
75218
+ overflow-x: auto;
75219
+ scrollbar-width: none; /* firefox */
75220
+ }
75221
+
75222
+ .e-movablecontent::-webkit-scrollbar {
75223
+ display: none; /* safari, chrome and edge */
75214
75224
  }
75215
75225
 
75216
75226
  .e-frozencontent {
@@ -77836,6 +77846,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
77836
77846
  display: inline-table;
77837
77847
  transform: rotate(180deg);
77838
77848
  }
77849
+
77850
+ .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
77851
+ @if $fm-skin-name == 'FluentUI' {
77852
+ line-height: $fe-cb-line-height;
77853
+ }
77854
+ }
77839
77855
  }
77840
77856
 
77841
77857
  .e-splitter.e-splitter-horizontal {
@@ -87123,7 +87139,7 @@ $gantt-masked-table-background-color: #e1dfdd;
87123
87139
 
87124
87140
  .e-gantt-child-manualtaskbar {
87125
87141
  background-color: $gantt-manualchild-task-bar;
87126
- border: $gantt-manualchild-task-bar-border;
87142
+ outline: $gantt-manualchild-task-bar-border;
87127
87143
  }
87128
87144
 
87129
87145
  .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113076,6 +113092,7 @@ $rating-label-top-margin: 4px !default;
113076
113092
  $rating-label-font-size: 12px !default;
113077
113093
  $rating-label-line-height: 18px !default;
113078
113094
  $rating-reset-font-size : 16px !default;
113095
+ $rating-tooltip-tip-bottom-height: 8px !default;
113079
113096
 
113080
113097
  $rating-small-li-font-size: 16px !default;
113081
113098
  $rating-small-li-line-height: 4px !default;
@@ -113182,6 +113199,11 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
113182
113199
  &.e-disabled {
113183
113200
  cursor: default;
113184
113201
  }
113202
+
113203
+ &:focus-visible{
113204
+ outline: 1px solid;
113205
+ border-radius: $rating-focus-border-radius;
113206
+ }
113185
113207
  }
113186
113208
 
113187
113209
  .e-rating-label {
@@ -113235,7 +113257,7 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
113235
113257
  display: none;
113236
113258
  justify-content: center;
113237
113259
  left: 50%;
113238
- top: -8px;
113260
+ top: -$rating-tooltip-tip-bottom-height;
113239
113261
  transform: translate(-50%, -100%);
113240
113262
 
113241
113263
  &.e-show-tooltip {
@@ -57199,7 +57199,7 @@ $ddl-check-right-margin: 8px !default;
57199
57199
  $ddl-bigger-check-right-margin: 12px !default;
57200
57200
  $ddl-selectall-font-size: 14px !default;
57201
57201
  $ddl-bigger-selectall-font-size: $text-base !default;
57202
- $ddl-close-icon-left: 40px !default;
57202
+ $ddl-close-icon-left: 30px !default;
57203
57203
  $ddl-close-down-icon-left: 40px !default;
57204
57204
  $ddl-check-icon-top: 0 !default;
57205
57205
  $ddl-bigger-check-right: 16px !default;
@@ -59336,6 +59336,11 @@ ejs-multiselect {
59336
59336
  margin-right: 0;
59337
59337
  }
59338
59338
 
59339
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
59340
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
59341
+ cursor: not-allowed;
59342
+ }
59343
+
59339
59344
 
59340
59345
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
59341
59346
  color: $ddl-sel-chip-close;
@@ -69458,7 +69463,7 @@ $split-bar-hover-border-right: none !default;
69458
69463
  }
69459
69464
  }
69460
69465
 
69461
-
69466
+ @use 'sass:math';
69462
69467
 
69463
69468
 
69464
69469
  $pager-numericitem-border-radius: 0 !default;
@@ -73612,7 +73617,7 @@ $grid-dropitems-count-margin-left: -4px !default;
73612
73617
 
73613
73618
  &.e-default tr {
73614
73619
  & td:first-child,
73615
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73620
+ & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73616
73621
  & th.e-detailheadercell:first-child,
73617
73622
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
73618
73623
  border-left-width: 0;
@@ -75582,7 +75587,12 @@ $grid-dropitems-count-margin-left: -4px !default;
75582
75587
 
75583
75588
  .e-movablecontent {
75584
75589
  height: inherit;
75585
- overflow: hidden;
75590
+ overflow-x: auto;
75591
+ scrollbar-width: none; /* firefox */
75592
+ }
75593
+
75594
+ .e-movablecontent::-webkit-scrollbar {
75595
+ display: none; /* safari, chrome and edge */
75586
75596
  }
75587
75597
 
75588
75598
  .e-frozencontent {
@@ -78224,6 +78234,12 @@ $fe-drop-folder-bg-color: $primary !default;
78224
78234
  display: inline-table;
78225
78235
  transform: rotate(180deg);
78226
78236
  }
78237
+
78238
+ .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
78239
+ @if $fm-skin-name == 'FluentUI' {
78240
+ line-height: $fe-cb-line-height;
78241
+ }
78242
+ }
78227
78243
  }
78228
78244
 
78229
78245
  .e-splitter.e-splitter-horizontal {
@@ -87311,7 +87327,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
87311
87327
 
87312
87328
  .e-gantt-child-manualtaskbar {
87313
87329
  background-color: $gantt-manualchild-task-bar;
87314
- border: $gantt-manualchild-task-bar-border;
87330
+ outline: $gantt-manualchild-task-bar-border;
87315
87331
  }
87316
87332
 
87317
87333
  .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113243,6 +113259,7 @@ $rating-label-left-margin: 11px !default;
113243
113259
  $rating-label-font-size: 12px !default;
113244
113260
  $rating-label-line-height: 18px !default;
113245
113261
  $rating-reset-font-size : 18px !default;
113262
+ $rating-tooltip-tip-bottom-height: 8px !default;
113246
113263
 
113247
113264
  $rating-small-li-font-size: 16px !default;
113248
113265
  $rating-small-li-line-height: 6px !default;
@@ -113349,6 +113366,11 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
113349
113366
  &.e-disabled {
113350
113367
  cursor: default;
113351
113368
  }
113369
+
113370
+ &:focus-visible{
113371
+ outline: 1px solid;
113372
+ border-radius: $rating-focus-border-radius;
113373
+ }
113352
113374
  }
113353
113375
 
113354
113376
  .e-rating-label {
@@ -113402,7 +113424,7 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
113402
113424
  display: none;
113403
113425
  justify-content: center;
113404
113426
  left: 50%;
113405
- top: -8px;
113427
+ top: -$rating-tooltip-tip-bottom-height;
113406
113428
  transform: translate(-50%, -100%);
113407
113429
 
113408
113430
  &.e-show-tooltip {
@@ -57199,7 +57199,7 @@ $ddl-check-right-margin: 8px !default;
57199
57199
  $ddl-bigger-check-right-margin: 12px !default;
57200
57200
  $ddl-selectall-font-size: 14px !default;
57201
57201
  $ddl-bigger-selectall-font-size: $text-base !default;
57202
- $ddl-close-icon-left: 40px !default;
57202
+ $ddl-close-icon-left: 30px !default;
57203
57203
  $ddl-close-down-icon-left: 40px !default;
57204
57204
  $ddl-check-icon-top: 0 !default;
57205
57205
  $ddl-bigger-check-right: 16px !default;
@@ -59336,6 +59336,11 @@ ejs-multiselect {
59336
59336
  margin-right: 0;
59337
59337
  }
59338
59338
 
59339
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
59340
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
59341
+ cursor: not-allowed;
59342
+ }
59343
+
59339
59344
 
59340
59345
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
59341
59346
  color: $ddl-sel-chip-close;
@@ -69458,7 +69463,7 @@ $split-bar-hover-border-right: none !default;
69458
69463
  }
69459
69464
  }
69460
69465
 
69461
-
69466
+ @use 'sass:math';
69462
69467
 
69463
69468
 
69464
69469
  $pager-numericitem-border-radius: 0 !default;
@@ -73612,7 +73617,7 @@ $grid-dropitems-count-margin-left: -4px !default;
73612
73617
 
73613
73618
  &.e-default tr {
73614
73619
  & td:first-child,
73615
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73620
+ & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
73616
73621
  & th.e-detailheadercell:first-child,
73617
73622
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
73618
73623
  border-left-width: 0;
@@ -75582,7 +75587,12 @@ $grid-dropitems-count-margin-left: -4px !default;
75582
75587
 
75583
75588
  .e-movablecontent {
75584
75589
  height: inherit;
75585
- overflow: hidden;
75590
+ overflow-x: auto;
75591
+ scrollbar-width: none; /* firefox */
75592
+ }
75593
+
75594
+ .e-movablecontent::-webkit-scrollbar {
75595
+ display: none; /* safari, chrome and edge */
75586
75596
  }
75587
75597
 
75588
75598
  .e-frozencontent {
@@ -78224,6 +78234,12 @@ $fe-drop-folder-bg-color: $primary !default;
78224
78234
  display: inline-table;
78225
78235
  transform: rotate(180deg);
78226
78236
  }
78237
+
78238
+ .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
78239
+ @if $fm-skin-name == 'FluentUI' {
78240
+ line-height: $fe-cb-line-height;
78241
+ }
78242
+ }
78227
78243
  }
78228
78244
 
78229
78245
  .e-splitter.e-splitter-horizontal {
@@ -87311,7 +87327,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
87311
87327
 
87312
87328
  .e-gantt-child-manualtaskbar {
87313
87329
  background-color: $gantt-manualchild-task-bar;
87314
- border: $gantt-manualchild-task-bar-border;
87330
+ outline: $gantt-manualchild-task-bar-border;
87315
87331
  }
87316
87332
 
87317
87333
  .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113243,6 +113259,7 @@ $rating-label-left-margin: 11px !default;
113243
113259
  $rating-label-font-size: 12px !default;
113244
113260
  $rating-label-line-height: 18px !default;
113245
113261
  $rating-reset-font-size : 18px !default;
113262
+ $rating-tooltip-tip-bottom-height: 8px !default;
113246
113263
 
113247
113264
  $rating-small-li-font-size: 16px !default;
113248
113265
  $rating-small-li-line-height: 6px !default;
@@ -113349,6 +113366,11 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
113349
113366
  &.e-disabled {
113350
113367
  cursor: default;
113351
113368
  }
113369
+
113370
+ &:focus-visible{
113371
+ outline: 1px solid;
113372
+ border-radius: $rating-focus-border-radius;
113373
+ }
113352
113374
  }
113353
113375
 
113354
113376
  .e-rating-label {
@@ -113402,7 +113424,7 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
113402
113424
  display: none;
113403
113425
  justify-content: center;
113404
113426
  left: 50%;
113405
- top: -8px;
113427
+ top: -$rating-tooltip-tip-bottom-height;
113406
113428
  transform: translate(-50%, -100%);
113407
113429
 
113408
113430
  &.e-show-tooltip {
@@ -2207,6 +2207,11 @@ ejs-multiselect {
2207
2207
  margin-right: 0;
2208
2208
  }
2209
2209
 
2210
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2211
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2212
+ cursor: not-allowed;
2213
+ }
2214
+
2210
2215
 
2211
2216
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2212
2217
  color: $ddl-sel-chip-close;
@@ -2201,6 +2201,11 @@ ejs-multiselect {
2201
2201
  margin-right: 0;
2202
2202
  }
2203
2203
 
2204
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2205
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2206
+ cursor: not-allowed;
2207
+ }
2208
+
2204
2209
 
2205
2210
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2206
2211
  color: $ddl-sel-chip-close;
@@ -2268,6 +2268,11 @@ ejs-multiselect {
2268
2268
  margin-right: 0;
2269
2269
  }
2270
2270
 
2271
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2272
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2273
+ cursor: not-allowed;
2274
+ }
2275
+
2271
2276
 
2272
2277
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2273
2278
  color: $ddl-sel-chip-close;
@@ -101,7 +101,7 @@ $ddl-check-right-margin: 8px !default;
101
101
  $ddl-bigger-check-right-margin: 12px !default;
102
102
  $ddl-selectall-font-size: 14px !default;
103
103
  $ddl-bigger-selectall-font-size: $text-base !default;
104
- $ddl-close-icon-left: 40px !default;
104
+ $ddl-close-icon-left: 30px !default;
105
105
  $ddl-close-down-icon-left: 40px !default;
106
106
  $ddl-check-icon-top: 0 !default;
107
107
  $ddl-bigger-check-right: 16px !default;
@@ -2238,6 +2238,11 @@ ejs-multiselect {
2238
2238
  margin-right: 0;
2239
2239
  }
2240
2240
 
2241
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2242
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2243
+ cursor: not-allowed;
2244
+ }
2245
+
2241
2246
 
2242
2247
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2243
2248
  color: $ddl-sel-chip-close;
@@ -101,7 +101,7 @@ $ddl-check-right-margin: 8px !default;
101
101
  $ddl-bigger-check-right-margin: 12px !default;
102
102
  $ddl-selectall-font-size: 14px !default;
103
103
  $ddl-bigger-selectall-font-size: $text-base !default;
104
- $ddl-close-icon-left: 40px !default;
104
+ $ddl-close-icon-left: 30px !default;
105
105
  $ddl-close-down-icon-left: 40px !default;
106
106
  $ddl-check-icon-top: 0 !default;
107
107
  $ddl-bigger-check-right: 16px !default;
@@ -2238,6 +2238,11 @@ ejs-multiselect {
2238
2238
  margin-right: 0;
2239
2239
  }
2240
2240
 
2241
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2242
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2243
+ cursor: not-allowed;
2244
+ }
2245
+
2241
2246
 
2242
2247
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2243
2248
  color: $ddl-sel-chip-close;
@@ -2196,6 +2196,11 @@ ejs-multiselect {
2196
2196
  margin-right: 0;
2197
2197
  }
2198
2198
 
2199
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2200
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2201
+ cursor: not-allowed;
2202
+ }
2203
+
2199
2204
 
2200
2205
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2201
2206
  color: $ddl-sel-chip-close;
@@ -2192,6 +2192,11 @@ ejs-multiselect {
2192
2192
  margin-right: 0;
2193
2193
  }
2194
2194
 
2195
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2196
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2197
+ cursor: not-allowed;
2198
+ }
2199
+
2195
2200
 
2196
2201
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2197
2202
  color: $ddl-sel-chip-close;
@@ -2249,6 +2249,11 @@ ejs-multiselect {
2249
2249
  margin-right: 0;
2250
2250
  }
2251
2251
 
2252
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2253
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2254
+ cursor: not-allowed;
2255
+ }
2256
+
2252
2257
 
2253
2258
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2254
2259
  color: $ddl-sel-chip-close;
@@ -2249,6 +2249,11 @@ ejs-multiselect {
2249
2249
  margin-right: 0;
2250
2250
  }
2251
2251
 
2252
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2253
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2254
+ cursor: not-allowed;
2255
+ }
2256
+
2252
2257
 
2253
2258
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2254
2259
  color: $ddl-sel-chip-close;
@@ -2305,6 +2305,11 @@ ejs-multiselect {
2305
2305
  margin-right: 0;
2306
2306
  }
2307
2307
 
2308
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2309
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2310
+ cursor: not-allowed;
2311
+ }
2312
+
2308
2313
 
2309
2314
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2310
2315
  color: $ddl-sel-chip-close;
@@ -2239,6 +2239,11 @@ ejs-multiselect {
2239
2239
  margin-right: 0;
2240
2240
  }
2241
2241
 
2242
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2243
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2244
+ cursor: not-allowed;
2245
+ }
2246
+
2242
2247
 
2243
2248
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2244
2249
  color: $ddl-sel-chip-close;
@@ -2232,6 +2232,11 @@ ejs-multiselect {
2232
2232
  margin-right: 0;
2233
2233
  }
2234
2234
 
2235
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2236
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2237
+ cursor: not-allowed;
2238
+ }
2239
+
2235
2240
 
2236
2241
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2237
2242
  color: $ddl-sel-chip-close;