@syncfusion/blazor-themes 23.1.44 → 23.2.5

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 (142) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +184 -17
  2. package/SCSS-Themes/bootstrap.scss +179 -17
  3. package/SCSS-Themes/bootstrap4.scss +179 -17
  4. package/SCSS-Themes/bootstrap5-dark.scss +181 -18
  5. package/SCSS-Themes/bootstrap5.scss +181 -18
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +7 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +7 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +7 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +7 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +7 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +7 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +7 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +7 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +7 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +7 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +7 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +7 -0
  18. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +7 -0
  19. package/SCSS-Themes/documenteditor/document-editor/material3.scss +7 -0
  20. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +7 -0
  21. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +7 -0
  22. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +69 -0
  23. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +69 -0
  24. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +69 -0
  25. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +69 -0
  26. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +69 -0
  27. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +69 -0
  28. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +69 -0
  29. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +69 -0
  30. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +69 -0
  31. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +69 -0
  32. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +69 -0
  33. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +69 -0
  34. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +69 -0
  35. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +69 -0
  36. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +69 -0
  37. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +69 -0
  38. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +5 -0
  39. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -1
  40. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -1
  41. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +5 -0
  42. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -1
  43. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -1
  44. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +5 -0
  45. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -1
  46. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -1
  47. package/SCSS-Themes/fabric-dark.scss +184 -17
  48. package/SCSS-Themes/fabric.scss +179 -17
  49. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +1 -1
  50. package/SCSS-Themes/filemanager/file-manager/material3.scss +1 -1
  51. package/SCSS-Themes/fluent-dark.scss +181 -18
  52. package/SCSS-Themes/fluent.scss +181 -18
  53. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +48 -2
  54. package/SCSS-Themes/grids/grid/bootstrap.scss +48 -2
  55. package/SCSS-Themes/grids/grid/bootstrap4.scss +48 -2
  56. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +48 -2
  57. package/SCSS-Themes/grids/grid/bootstrap5.scss +48 -2
  58. package/SCSS-Themes/grids/grid/fabric-dark.scss +48 -2
  59. package/SCSS-Themes/grids/grid/fabric.scss +48 -2
  60. package/SCSS-Themes/grids/grid/fluent-dark.scss +48 -2
  61. package/SCSS-Themes/grids/grid/fluent.scss +48 -2
  62. package/SCSS-Themes/grids/grid/highcontrast.scss +48 -2
  63. package/SCSS-Themes/grids/grid/material-dark.scss +48 -2
  64. package/SCSS-Themes/grids/grid/material.scss +48 -2
  65. package/SCSS-Themes/grids/grid/material3-dark.scss +48 -2
  66. package/SCSS-Themes/grids/grid/material3.scss +48 -2
  67. package/SCSS-Themes/grids/grid/tailwind-dark.scss +48 -2
  68. package/SCSS-Themes/grids/grid/tailwind.scss +48 -2
  69. package/SCSS-Themes/highcontrast.scss +184 -17
  70. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +25 -7
  71. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +25 -7
  72. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +25 -7
  73. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +25 -7
  74. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +25 -7
  75. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +25 -7
  76. package/SCSS-Themes/image-editor/image-editor/fabric.scss +25 -7
  77. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +25 -7
  78. package/SCSS-Themes/image-editor/image-editor/fluent.scss +25 -7
  79. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +25 -7
  80. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +25 -7
  81. package/SCSS-Themes/image-editor/image-editor/material.scss +25 -7
  82. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +25 -7
  83. package/SCSS-Themes/image-editor/image-editor/material3.scss +25 -7
  84. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +25 -7
  85. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +25 -7
  86. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss +4 -4
  87. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap.scss +4 -4
  88. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap4.scss +4 -4
  89. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5-dark.scss +4 -4
  90. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss +4 -4
  91. package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss +4 -4
  92. package/SCSS-Themes/inplace-editor/inplace-editor/fabric.scss +4 -4
  93. package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss +4 -4
  94. package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss +4 -4
  95. package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss +4 -4
  96. package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss +4 -4
  97. package/SCSS-Themes/inplace-editor/inplace-editor/material.scss +4 -4
  98. package/SCSS-Themes/inplace-editor/inplace-editor/material3-dark.scss +4 -4
  99. package/SCSS-Themes/inplace-editor/inplace-editor/material3.scss +4 -4
  100. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss +4 -4
  101. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss +4 -4
  102. package/SCSS-Themes/material-dark.scss +179 -17
  103. package/SCSS-Themes/material.scss +179 -17
  104. package/SCSS-Themes/material3-dark.scss +181 -19
  105. package/SCSS-Themes/material3.scss +181 -19
  106. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +1 -1
  107. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +1 -1
  108. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -3
  109. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -3
  110. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -3
  111. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -3
  112. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -3
  113. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -3
  114. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -3
  115. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -3
  116. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -3
  117. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -3
  118. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -3
  119. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -3
  120. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -3
  121. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -3
  122. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -3
  123. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -3
  124. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +16 -1
  125. package/SCSS-Themes/schedule/schedule/bootstrap.scss +16 -1
  126. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +16 -1
  127. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +16 -1
  128. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +16 -1
  129. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +16 -1
  130. package/SCSS-Themes/schedule/schedule/fabric.scss +16 -1
  131. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +16 -1
  132. package/SCSS-Themes/schedule/schedule/fluent.scss +16 -1
  133. package/SCSS-Themes/schedule/schedule/highcontrast.scss +16 -1
  134. package/SCSS-Themes/schedule/schedule/material-dark.scss +16 -1
  135. package/SCSS-Themes/schedule/schedule/material.scss +16 -1
  136. package/SCSS-Themes/schedule/schedule/material3-dark.scss +16 -1
  137. package/SCSS-Themes/schedule/schedule/material3.scss +16 -1
  138. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +16 -1
  139. package/SCSS-Themes/schedule/schedule/tailwind.scss +16 -1
  140. package/SCSS-Themes/tailwind-dark.scss +181 -18
  141. package/SCSS-Themes/tailwind.scss +181 -18
  142. package/package.json +1 -1
@@ -60068,7 +60068,8 @@ $ddl-small-clear-icon-width: 12px !default;
60068
60068
  width: $ddl-chip-hooker-square;
60069
60069
  }
60070
60070
 
60071
- .e-multi-select-wrapper .e-searcher input[type = 'text'] {
60071
+ .e-multi-select-wrapper .e-searcher input[type = 'text'],
60072
+ .e-multi-select-wrapper .e-multi-searcher input[type = 'text'] {
60072
60073
  color: $content-text-color;
60073
60074
  height: 100%;
60074
60075
  }
@@ -64863,6 +64864,13 @@ $de-column-presets-font-size: $text-6xl !default;
64863
64864
  padding-left: 20px;
64864
64865
  padding-right: 20px;
64865
64866
  }
64867
+
64868
+ .e-de-para-tab {
64869
+ float: left;
64870
+ }
64871
+ .e-de-para-tab.e-rtl {
64872
+ float: right;
64873
+ }
64866
64874
 
64867
64875
  .e-de-column-label.e-de-rtl {
64868
64876
  font-size: $de-border-dlg-settinglabels-fontsize;
@@ -69353,6 +69361,14 @@ $e-de-ctnr-break-listview-margin-right-big: 20px !default;
69353
69361
  $e-de-ctnr-break-listview-margin-left: 16px !default;
69354
69362
  $e-de-ctnr-break-listview-margin-left-big: 20px !default;
69355
69363
  $de-tlbr-btn-height: calc(100% - 10px) !default;
69364
+ $de-ruler-background-color: $content-bg-color-alt4 !default;
69365
+ $de-ruler-margin-color: $content-bg-color !default;
69366
+ $de-ruler-tick-stroke: $icon-color !default;
69367
+ $de-ruler-label-fill: $content-text-color-alt1 !default;
69368
+ $de-ruler-indent-stroke: $icon-color !default;
69369
+ $de-ruler-indent-fill: $content-bg-color !default;
69370
+ $de-ruler-indent-hover: $content-bg-color-alt4 !default;
69371
+ $de-ruler-indent-active: $primary !default;
69356
69372
 
69357
69373
  // Subtract toolbar & statusbar height
69358
69374
  $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -71169,6 +71185,62 @@ $de-hover-bg: $content-bg-color-alt2 !default;
71169
71185
  }
71170
71186
  }
71171
71187
  }
71188
+ .e-de-hRuler {
71189
+ background-color: $de-ruler-background-color;
71190
+ @if $skin-name =='Material3' {
71191
+ background: $de-ruler-background-color;
71192
+ }
71193
+ border-bottom: 0.5px solid $de-panel-border;
71194
+ }
71195
+ .e-de-vRuler {
71196
+ background-color: $de-ruler-background-color;
71197
+ @if $skin-name =='Material3' {
71198
+ background: $de-ruler-background-color;
71199
+ }
71200
+ border-right: 0.5px solid $de-panel-border;
71201
+ }
71202
+ .e-de-ruler-margin {
71203
+ background-color: $de-ruler-margin-color;
71204
+ @if $skin-name =='Material3' {
71205
+ background: $de-ruler-margin-color;
71206
+ }
71207
+ }
71208
+ .e-de-ruler-tick {
71209
+ stroke: $de-ruler-tick-stroke;
71210
+ }
71211
+ .e-de-ruler-tick-label {
71212
+ fill: $de-ruler-label-fill
71213
+ }
71214
+ .e-de-ruler-markIndicator {
71215
+ background-color: $de-ruler-margin-color;
71216
+ }
71217
+ .e-de-ruler-marker .e-de-ruler-tab-svg {
71218
+ fill: $de-ruler-tick-stroke;
71219
+ }
71220
+ .e-de-ruler-marker .e-de-ruler-indent-svg {
71221
+ fill: $de-ruler-tick-stroke;
71222
+ }
71223
+ .e-de-ruler-indent .e-de-ruler-indent-svg {
71224
+ fill: $de-ruler-indent-fill;
71225
+ stroke: $de-ruler-indent-stroke;
71226
+ }
71227
+ .e-de-ruler-indent .e-de-ruler-indent-svg:hover {
71228
+ fill: $de-ruler-indent-hover;
71229
+ stroke: $de-ruler-indent-stroke;
71230
+ }
71231
+ .e-de-ruler-indent .e-de-ruler-indent-svg:active {
71232
+ fill: $de-ruler-indent-active;
71233
+ stroke: $de-ruler-indent-stroke;
71234
+ }
71235
+ .e-de-ruler-table-svg {
71236
+ fill: $de-ruler-indent-stroke;
71237
+ }
71238
+ .e-de-ruler-table-svg:hover {
71239
+ fill: $de-ruler-indent-hover;
71240
+ }
71241
+ .e-de-ruler-table-svg:active {
71242
+ fill: $de-ruler-indent-active;
71243
+ }
71172
71244
  .e-rtl {
71173
71245
  .e-listview .e-list-icon {
71174
71246
  height: 24px;
@@ -71181,6 +71253,11 @@ $de-hover-bg: $content-bg-color-alt2 !default;
71181
71253
  line-height: 22px;
71182
71254
  margin-left: $e-de-ctnr-break-listview-margin-left;
71183
71255
  }
71256
+ .e-de-vRuler {
71257
+ background-color: $de-ruler-background-color;
71258
+ border-right: none;
71259
+ border-left: 0.5px solid $de-panel-border;
71260
+ }
71184
71261
  }
71185
71262
  .e-bigger {
71186
71263
  @if $skin-name =='tailwind' or $skin-name =='bootstrap5' or $skin-name =='FluentUI' or $skin-name =='bootstrap4' {
@@ -76938,6 +77015,15 @@ $grid-dropitems-count-margin-left: -8px !default;
76938
77015
  border-bottom-width: $grid-border-bottom-width;
76939
77016
  }
76940
77017
 
77018
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
77019
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
77020
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
77021
+ &.e-groupcaption,
77022
+ &.e-summarycell {
77023
+ border-bottom-width: 0;
77024
+ }
77025
+ }
77026
+
76941
77027
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
76942
77028
  position: relative;
76943
77029
  left: -5px;
@@ -80258,7 +80344,7 @@ margin: $grid-group-animator-cell-margin;
80258
80344
  text-align: left;
80259
80345
  }
80260
80346
 
80261
- &.e-default table th:not([rowspan = '1']) {
80347
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
80262
80348
  border-width: $grid-headercell-both-border-width;
80263
80349
  }
80264
80350
 
@@ -80284,7 +80370,7 @@ margin: $grid-group-animator-cell-margin;
80284
80370
  border-right-width: 1px;
80285
80371
  }
80286
80372
 
80287
- &.e-rtl.e-default table th:not([rowspan = '1']) {
80373
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
80288
80374
  border-width: $grid-rtl-headercell-both-border-width;
80289
80375
  }
80290
80376
 
@@ -80326,6 +80412,29 @@ margin: $grid-group-animator-cell-margin;
80326
80412
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
80327
80413
  border-width: $grid-headercell-both-border-width;
80328
80414
  }
80415
+
80416
+ &.e-resize-lines,
80417
+ &.e-resize-lines.e-rtl {
80418
+
80419
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
80420
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
80421
+ border-left: 0;
80422
+ border-right: 0;
80423
+ border-top: 0;
80424
+ }
80425
+ }
80426
+
80427
+ &.e-default.e-bothlines .e-headercell,
80428
+ &.e-default.e-bothlines .e-detailheadercell {
80429
+ border-width: $grid-headercell-both-border-width;
80430
+ }
80431
+
80432
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
80433
+ border-bottom-style: $grid-border-type;
80434
+ border-bottom-width: $grid-border-size;
80435
+ border-left-style: $grid-border-type;
80436
+ border-left-width: $grid-border-size;
80437
+ }
80329
80438
 
80330
80439
  .e-bigger #{&}.e-grid.sf-grid,
80331
80440
  #{&}.e-grid.sf-grid.e-bigger {
@@ -80569,6 +80678,20 @@ margin: $grid-group-animator-cell-margin;
80569
80678
  }
80570
80679
  }
80571
80680
 
80681
+ .e-bigger {
80682
+ &.e-grid.sf-grid.e-row-responsive,
80683
+ .e-grid.sf-grid.e-row-responsive {
80684
+ & .e-gridcontent,
80685
+ & .e-summarycontent {
80686
+ & td::before{
80687
+ @if $grid-skin == 'fluent' {
80688
+ overflow: hidden;
80689
+ }
80690
+ }
80691
+ }
80692
+ }
80693
+ }
80694
+
80572
80695
  .e-bigger .e-grid.e-row-responsive,
80573
80696
  .e-bigger.e-grid.e-row-responsive {
80574
80697
 
@@ -94441,12 +94564,12 @@ $editor-btn-icon-color: $icon-color !default;
94441
94564
  position: relative;
94442
94565
  width: auto;
94443
94566
 
94444
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94567
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94445
94568
  display: block;
94446
94569
  visibility: hidden;
94447
94570
  }
94448
94571
 
94449
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94572
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94450
94573
  display: block;
94451
94574
  visibility: hidden;
94452
94575
  }
@@ -94858,8 +94981,8 @@ $editor-btn-icon-color: $icon-color !default;
94858
94981
  &.e-tooltip-wrap {
94859
94982
  max-width: 100%;
94860
94983
 
94861
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94862
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94984
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94985
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94863
94986
  display: block;
94864
94987
  visibility: hidden;
94865
94988
  }
@@ -117642,7 +117765,18 @@ $schedule-tree-content-color: $content-text-color-alt2;
117642
117765
  line-height: normal;
117643
117766
  }
117644
117767
 
117645
- .e-save-icon {
117768
+ .e-title-text {
117769
+ text-align: center;
117770
+ }
117771
+
117772
+ .e-save-icon,
117773
+ .e-back-icon,
117774
+ .e-delete-icon {
117775
+ width: 2.5em;
117776
+ }
117777
+
117778
+ .e-save-icon,
117779
+ .e-delete-icon {
117646
117780
  text-align: right;
117647
117781
  }
117648
117782
 
@@ -119155,6 +119289,10 @@ $schedule-tree-content-color: $content-text-color-alt2;
119155
119289
  content: '\e7c8';
119156
119290
  }
119157
119291
 
119292
+ .e-delete-icon::before {
119293
+ content: '\e820';
119294
+ }
119295
+
119158
119296
  .e-recurrence-container {
119159
119297
  .e-recurrence-edit-button {
119160
119298
  .e-recurrence-edit.e-icons::before {
@@ -119240,6 +119378,10 @@ $image-editor-tbar-btn-fontsize: $text-lg !default;
119240
119378
  $image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
119241
119379
  $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
119242
119380
  $image-editor-drop-border: 2px dashed $icon-color !default;
119381
+ $image-editor-dropdown-btn-preview-top: -4px !default;
119382
+ $image-editor-dropdown-btn-preview-left: -4px !default;
119383
+ $image-editor-bigger-dropdown-btn-preview-top: -4px !default;
119384
+ $image-editor-bigger-dropdown-btn-preview-left: -4px !default;
119243
119385
 
119244
119386
  @include export-module('image-editor-layout') {
119245
119387
 
@@ -119307,6 +119449,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119307
119449
 
119308
119450
  & .e-fill.e-template,
119309
119451
  & .e-stroke.e-template,
119452
+ & .e-frame-stroke.e-template,
119310
119453
  & .e-pen-stroke-color.e-template,
119311
119454
  & .e-text-font-color.e-template,
119312
119455
  & .e-save.e-template {
@@ -119325,6 +119468,17 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119325
119468
  }
119326
119469
  }
119327
119470
 
119471
+ & .e-btn-icon.e-dropdownbtn-preview {
119472
+ margin-top: $image-editor-bigger-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
119473
+ margin-left: $image-editor-bigger-dropdown-btn-preview-left;
119474
+ }
119475
+
119476
+ & .e-dropdown-btn.e-icon-btn {
119477
+ @if $skin-name == 'Material3' {
119478
+ padding: 7px 15px;
119479
+ }
119480
+ }
119481
+
119328
119482
  & .e-dropdown-btn.e-image-popup {
119329
119483
  & .e-select,
119330
119484
  & .e-annotation,
@@ -119471,6 +119625,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119471
119625
 
119472
119626
  & .e-fill.e-template,
119473
119627
  & .e-stroke.e-template,
119628
+ & .e-frame-stroke.e-template,
119474
119629
  & .e-pen-stroke-color.e-template,
119475
119630
  & .e-text-font-color.e-template,
119476
119631
  & .e-save.e-template {
@@ -119492,7 +119647,8 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119492
119647
  & .e-btn-icon.e-dropdownbtn-preview {
119493
119648
  height: 18px;
119494
119649
  width: 18px;
119495
- margin-top: -4px;
119650
+ margin-top: $image-editor-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
119651
+ margin-left: $image-editor-dropdown-btn-preview-left;
119496
119652
  }
119497
119653
 
119498
119654
  & .e-dropdown-btn.e-image-popup {
@@ -119564,6 +119720,11 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119564
119720
  margin: 4px;
119565
119721
  text-align: center;
119566
119722
  }
119723
+
119724
+ & .e-dropdown-btn {
119725
+ margin: 0 auto;
119726
+ width: max-content;
119727
+ }
119567
119728
  }
119568
119729
 
119569
119730
  &.e-frame-wrapper {
@@ -119605,12 +119766,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119605
119766
 
119606
119767
  & .e-slider-container {
119607
119768
  margin-left: calc(50% - 137px);
119608
- @if $skin-name == 'Material3' {
119609
- height: 70px !important; /* stylelint-disable-line declaration-no-important */
119610
- }
119611
- @else {
119612
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
119613
- }
119769
+ height: 54px !important; /* stylelint-disable-line declaration-no-important */
119614
119770
  }
119615
119771
  }
119616
119772
  }
@@ -121979,6 +122135,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121979
122135
  &:focus {
121980
122136
  outline: none;
121981
122137
  }
122138
+
122139
+ &.e-hidden {
122140
+ display: none;
122141
+ }
121982
122142
  }
121983
122143
 
121984
122144
  .e-ribbon-overall-of-btn {
@@ -122050,7 +122210,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122050
122210
  padding-top: $ribbon-group-padding;
122051
122211
  height: $ribbon-group-height;
122052
122212
 
122053
- &.e-hidden {
122213
+ &.e-hidden,
122214
+ &.e-hide-group {
122054
122215
  display: none;
122055
122216
  }
122056
122217
 
@@ -122592,7 +122753,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122592
122753
 
122593
122754
  .e-ribbon-overflow-target {
122594
122755
 
122595
- &.e-hidden {
122756
+ &.e-hidden,
122757
+ &.e-hide-group {
122596
122758
  display: none;
122597
122759
  }
122598
122760
 
@@ -122601,7 +122763,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122601
122763
  }
122602
122764
 
122603
122765
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122604
- &.e-hidden {
122766
+ &.e-hidden,
122767
+ &.e-hide-group {
122605
122768
  display: none;
122606
122769
  }
122607
122770
 
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5422,6 +5454,20 @@ margin: $grid-group-animator-cell-margin;
5422
5454
  }
5423
5455
  }
5424
5456
 
5457
+ .e-bigger {
5458
+ &.e-grid.sf-grid.e-row-responsive,
5459
+ .e-grid.sf-grid.e-row-responsive {
5460
+ & .e-gridcontent,
5461
+ & .e-summarycontent {
5462
+ & td::before{
5463
+ @if $grid-skin == 'fluent' {
5464
+ overflow: hidden;
5465
+ }
5466
+ }
5467
+ }
5468
+ }
5469
+ }
5470
+
5425
5471
  .e-bigger .e-grid.e-row-responsive,
5426
5472
  .e-bigger.e-grid.e-row-responsive {
5427
5473
 
@@ -1793,6 +1793,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1793
1793
  border-bottom-width: $grid-border-bottom-width;
1794
1794
  }
1795
1795
 
1796
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1797
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1798
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1799
+ &.e-groupcaption,
1800
+ &.e-summarycell {
1801
+ border-bottom-width: 0;
1802
+ }
1803
+ }
1804
+
1796
1805
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1797
1806
  position: relative;
1798
1807
  left: -5px;
@@ -5113,7 +5122,7 @@ margin: $grid-group-animator-cell-margin;
5113
5122
  text-align: left;
5114
5123
  }
5115
5124
 
5116
- &.e-default table th:not([rowspan = '1']) {
5125
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5117
5126
  border-width: $grid-headercell-both-border-width;
5118
5127
  }
5119
5128
 
@@ -5139,7 +5148,7 @@ margin: $grid-group-animator-cell-margin;
5139
5148
  border-right-width: 1px;
5140
5149
  }
5141
5150
 
5142
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5151
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5143
5152
  border-width: $grid-rtl-headercell-both-border-width;
5144
5153
  }
5145
5154
 
@@ -5181,6 +5190,29 @@ margin: $grid-group-animator-cell-margin;
5181
5190
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5182
5191
  border-width: $grid-headercell-both-border-width;
5183
5192
  }
5193
+
5194
+ &.e-resize-lines,
5195
+ &.e-resize-lines.e-rtl {
5196
+
5197
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5198
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5199
+ border-left: 0;
5200
+ border-right: 0;
5201
+ border-top: 0;
5202
+ }
5203
+ }
5204
+
5205
+ &.e-default.e-bothlines .e-headercell,
5206
+ &.e-default.e-bothlines .e-detailheadercell {
5207
+ border-width: $grid-headercell-both-border-width;
5208
+ }
5209
+
5210
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5211
+ border-bottom-style: $grid-border-type;
5212
+ border-bottom-width: $grid-border-size;
5213
+ border-left-style: $grid-border-type;
5214
+ border-left-width: $grid-border-size;
5215
+ }
5184
5216
 
5185
5217
  .e-bigger #{&}.e-grid.sf-grid,
5186
5218
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5424,6 +5456,20 @@ margin: $grid-group-animator-cell-margin;
5424
5456
  }
5425
5457
  }
5426
5458
 
5459
+ .e-bigger {
5460
+ &.e-grid.sf-grid.e-row-responsive,
5461
+ .e-grid.sf-grid.e-row-responsive {
5462
+ & .e-gridcontent,
5463
+ & .e-summarycontent {
5464
+ & td::before{
5465
+ @if $grid-skin == 'fluent' {
5466
+ overflow: hidden;
5467
+ }
5468
+ }
5469
+ }
5470
+ }
5471
+ }
5472
+
5427
5473
  .e-bigger .e-grid.e-row-responsive,
5428
5474
  .e-bigger.e-grid.e-row-responsive {
5429
5475
 
@@ -1798,6 +1798,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1798
1798
  border-bottom-width: $grid-border-bottom-width;
1799
1799
  }
1800
1800
 
1801
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1802
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1803
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1804
+ &.e-groupcaption,
1805
+ &.e-summarycell {
1806
+ border-bottom-width: 0;
1807
+ }
1808
+ }
1809
+
1801
1810
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1802
1811
  position: relative;
1803
1812
  left: -5px;
@@ -5118,7 +5127,7 @@ margin: $grid-group-animator-cell-margin;
5118
5127
  text-align: left;
5119
5128
  }
5120
5129
 
5121
- &.e-default table th:not([rowspan = '1']) {
5130
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5122
5131
  border-width: $grid-headercell-both-border-width;
5123
5132
  }
5124
5133
 
@@ -5144,7 +5153,7 @@ margin: $grid-group-animator-cell-margin;
5144
5153
  border-right-width: 1px;
5145
5154
  }
5146
5155
 
5147
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5148
5157
  border-width: $grid-rtl-headercell-both-border-width;
5149
5158
  }
5150
5159
 
@@ -5186,6 +5195,29 @@ margin: $grid-group-animator-cell-margin;
5186
5195
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5187
5196
  border-width: $grid-headercell-both-border-width;
5188
5197
  }
5198
+
5199
+ &.e-resize-lines,
5200
+ &.e-resize-lines.e-rtl {
5201
+
5202
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5203
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5204
+ border-left: 0;
5205
+ border-right: 0;
5206
+ border-top: 0;
5207
+ }
5208
+ }
5209
+
5210
+ &.e-default.e-bothlines .e-headercell,
5211
+ &.e-default.e-bothlines .e-detailheadercell {
5212
+ border-width: $grid-headercell-both-border-width;
5213
+ }
5214
+
5215
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5216
+ border-bottom-style: $grid-border-type;
5217
+ border-bottom-width: $grid-border-size;
5218
+ border-left-style: $grid-border-type;
5219
+ border-left-width: $grid-border-size;
5220
+ }
5189
5221
 
5190
5222
  .e-bigger #{&}.e-grid.sf-grid,
5191
5223
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5429,6 +5461,20 @@ margin: $grid-group-animator-cell-margin;
5429
5461
  }
5430
5462
  }
5431
5463
 
5464
+ .e-bigger {
5465
+ &.e-grid.sf-grid.e-row-responsive,
5466
+ .e-grid.sf-grid.e-row-responsive {
5467
+ & .e-gridcontent,
5468
+ & .e-summarycontent {
5469
+ & td::before{
5470
+ @if $grid-skin == 'fluent' {
5471
+ overflow: hidden;
5472
+ }
5473
+ }
5474
+ }
5475
+ }
5476
+ }
5477
+
5432
5478
  .e-bigger .e-grid.e-row-responsive,
5433
5479
  .e-bigger.e-grid.e-row-responsive {
5434
5480
 
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5422,6 +5454,20 @@ margin: $grid-group-animator-cell-margin;
5422
5454
  }
5423
5455
  }
5424
5456
 
5457
+ .e-bigger {
5458
+ &.e-grid.sf-grid.e-row-responsive,
5459
+ .e-grid.sf-grid.e-row-responsive {
5460
+ & .e-gridcontent,
5461
+ & .e-summarycontent {
5462
+ & td::before{
5463
+ @if $grid-skin == 'fluent' {
5464
+ overflow: hidden;
5465
+ }
5466
+ }
5467
+ }
5468
+ }
5469
+ }
5470
+
5425
5471
  .e-bigger .e-grid.e-row-responsive,
5426
5472
  .e-bigger.e-grid.e-row-responsive {
5427
5473