@syncfusion/blazor-themes 24.1.46 → 24.1.47

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 (113) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +34 -12
  2. package/SCSS-Themes/bootstrap.scss +34 -12
  3. package/SCSS-Themes/bootstrap4.scss +34 -12
  4. package/SCSS-Themes/bootstrap5-dark.scss +37 -15
  5. package/SCSS-Themes/bootstrap5.scss +37 -15
  6. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss +0 -5
  7. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss +0 -5
  8. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss +0 -5
  9. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss +0 -5
  10. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss +0 -5
  11. package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss +0 -5
  12. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +0 -5
  13. package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss +0 -5
  14. package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss +0 -5
  15. package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss +0 -5
  16. package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss +0 -5
  17. package/SCSS-Themes/dropdowns/drop-down-base/material.scss +0 -5
  18. package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss +0 -5
  19. package/SCSS-Themes/dropdowns/drop-down-base/material3.scss +0 -5
  20. package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss +0 -5
  21. package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss +0 -5
  22. package/SCSS-Themes/fabric-dark.scss +34 -12
  23. package/SCSS-Themes/fabric.scss +34 -12
  24. package/SCSS-Themes/fluent-dark.scss +35 -13
  25. package/SCSS-Themes/fluent.scss +35 -13
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -0
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +7 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +7 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +7 -0
  37. package/SCSS-Themes/grids/grid/material.scss +7 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +7 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +7 -0
  42. package/SCSS-Themes/highcontrast.scss +34 -12
  43. package/SCSS-Themes/kanban/kanban/bootstrap-dark.scss +0 -1
  44. package/SCSS-Themes/kanban/kanban/bootstrap.scss +0 -1
  45. package/SCSS-Themes/kanban/kanban/bootstrap4.scss +0 -1
  46. package/SCSS-Themes/kanban/kanban/bootstrap5-dark.scss +0 -1
  47. package/SCSS-Themes/kanban/kanban/bootstrap5.scss +0 -1
  48. package/SCSS-Themes/kanban/kanban/fabric-dark.scss +0 -1
  49. package/SCSS-Themes/kanban/kanban/fabric.scss +0 -1
  50. package/SCSS-Themes/kanban/kanban/fluent-dark.scss +0 -1
  51. package/SCSS-Themes/kanban/kanban/fluent.scss +0 -1
  52. package/SCSS-Themes/kanban/kanban/highcontrast.scss +0 -1
  53. package/SCSS-Themes/kanban/kanban/material-dark.scss +0 -1
  54. package/SCSS-Themes/kanban/kanban/material.scss +0 -1
  55. package/SCSS-Themes/kanban/kanban/material3-dark.scss +0 -1
  56. package/SCSS-Themes/kanban/kanban/material3.scss +0 -1
  57. package/SCSS-Themes/kanban/kanban/tailwind-dark.scss +0 -1
  58. package/SCSS-Themes/kanban/kanban/tailwind.scss +0 -1
  59. package/SCSS-Themes/material-dark.scss +34 -12
  60. package/SCSS-Themes/material.scss +35 -12
  61. package/SCSS-Themes/material3-dark.scss +35 -13
  62. package/SCSS-Themes/material3.scss +35 -13
  63. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +8 -0
  64. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +8 -0
  65. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +8 -0
  66. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +10 -2
  67. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +10 -2
  68. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +8 -0
  69. package/SCSS-Themes/navigations/toolbar/fabric.scss +8 -0
  70. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +8 -0
  71. package/SCSS-Themes/navigations/toolbar/fluent.scss +8 -0
  72. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +8 -0
  73. package/SCSS-Themes/navigations/toolbar/material-dark.scss +8 -0
  74. package/SCSS-Themes/navigations/toolbar/material.scss +8 -0
  75. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +8 -0
  76. package/SCSS-Themes/navigations/toolbar/material3.scss +8 -0
  77. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +8 -0
  78. package/SCSS-Themes/navigations/toolbar/tailwind.scss +8 -0
  79. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +14 -2
  80. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +14 -2
  81. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +14 -2
  82. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +14 -2
  83. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +14 -2
  84. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +14 -2
  85. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +14 -2
  86. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +14 -2
  87. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +14 -2
  88. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +14 -2
  89. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +14 -2
  90. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +14 -2
  91. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +14 -2
  92. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +14 -2
  93. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +14 -2
  94. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +14 -2
  95. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +5 -4
  96. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +5 -4
  97. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +5 -4
  98. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -5
  99. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -5
  100. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +5 -4
  101. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +5 -4
  102. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -5
  103. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -5
  104. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +5 -4
  105. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +5 -4
  106. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -4
  107. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -5
  108. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -5
  109. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -5
  110. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -5
  111. package/SCSS-Themes/tailwind-dark.scss +35 -13
  112. package/SCSS-Themes/tailwind.scss +35 -13
  113. package/package.json +1 -1
@@ -224,11 +224,6 @@ $ddl-group-list-item-text-intent: 0 !default;
224
224
  cursor: default;
225
225
  }
226
226
 
227
- .e-mention .e-mention-chip::selection {
228
- color: $mention-gradient-color;
229
- background: $mention-active-font-color;
230
- }
231
-
232
227
  .e-mention.e-editable-element {
233
228
  border: 2px solid $ddl-list-border-color;
234
229
  height: auto;
@@ -224,11 +224,6 @@ $ddl-group-list-item-text-intent: 0 !default;
224
224
  cursor: default;
225
225
  }
226
226
 
227
- .e-mention .e-mention-chip::selection {
228
- color: $mention-gradient-color;
229
- background: $mention-active-font-color;
230
- }
231
-
232
227
  .e-mention.e-editable-element {
233
228
  border: 2px solid $ddl-list-border-color;
234
229
  height: auto;
@@ -208,11 +208,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
208
208
  cursor: default;
209
209
  }
210
210
 
211
- .e-mention .e-mention-chip::selection {
212
- color: $mention-gradient-color;
213
- background: $mention-active-font-color;
214
- }
215
-
216
211
  .e-mention.e-editable-element {
217
212
  border: 2px solid $ddl-list-border-color;
218
213
  height: auto;
@@ -189,11 +189,6 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
189
189
  cursor: default;
190
190
  }
191
191
 
192
- .e-mention .e-mention-chip::selection {
193
- color: $mention-gradient-color;
194
- background: $mention-active-font-color;
195
- }
196
-
197
192
  .e-mention.e-editable-element {
198
193
  border: 2px solid $ddl-list-border-color;
199
194
  height: auto;
@@ -188,11 +188,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
188
188
  cursor: default;
189
189
  }
190
190
 
191
- .e-mention .e-mention-chip::selection {
192
- color: $mention-gradient-color;
193
- background: $mention-active-font-color;
194
- }
195
-
196
191
  .e-mention.e-editable-element {
197
192
  border: 2px solid $ddl-list-border-color;
198
193
  height: auto;
@@ -190,11 +190,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
190
190
  cursor: default;
191
191
  }
192
192
 
193
- .e-mention .e-mention-chip::selection {
194
- color: $mention-gradient-color;
195
- background: $mention-active-font-color;
196
- }
197
-
198
193
  .e-mention.e-editable-element {
199
194
  border: 2px solid $ddl-list-border-color;
200
195
  height: auto;
@@ -190,11 +190,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
190
190
  cursor: default;
191
191
  }
192
192
 
193
- .e-mention .e-mention-chip::selection {
194
- color: $mention-gradient-color;
195
- background: $mention-active-font-color;
196
- }
197
-
198
193
  .e-mention.e-editable-element {
199
194
  border: 2px solid $ddl-list-border-color;
200
195
  height: auto;
@@ -232,11 +232,6 @@ $ddl-group-list-item-text-intent: 0 !default;
232
232
  cursor: default;
233
233
  }
234
234
 
235
- .e-mention .e-mention-chip::selection {
236
- color: $mention-gradient-color;
237
- background: $mention-active-font-color;
238
- }
239
-
240
235
  .e-mention.e-editable-element {
241
236
  border: 2px solid $ddl-list-border-color;
242
237
  height: auto;
@@ -232,11 +232,6 @@ $ddl-group-list-item-text-intent: 0 !default;
232
232
  cursor: default;
233
233
  }
234
234
 
235
- .e-mention .e-mention-chip::selection {
236
- color: $mention-gradient-color;
237
- background: $mention-active-font-color;
238
- }
239
-
240
235
  .e-mention.e-editable-element {
241
236
  border: 2px solid $ddl-list-border-color;
242
237
  height: auto;
@@ -19678,11 +19678,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
19678
19678
  cursor: default;
19679
19679
  }
19680
19680
 
19681
- .e-mention .e-mention-chip::selection {
19682
- color: $mention-gradient-color;
19683
- background: $mention-active-font-color;
19684
- }
19685
-
19686
19681
  .e-mention.e-editable-element {
19687
19682
  border: 2px solid $ddl-list-border-color;
19688
19683
  height: auto;
@@ -48460,6 +48455,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48460
48455
 
48461
48456
  .e-tbar-btn-text {
48462
48457
  color: $tbar-btn-text-focus-color;
48458
+
48459
+ @if $skin-name == 'bootstrap5' {
48460
+ color: $tbar-btn-icons-focus-color;
48461
+ }
48463
48462
  }
48464
48463
  }
48465
48464
 
@@ -48473,6 +48472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48473
48472
 
48474
48473
  .e-icons {
48475
48474
  color: $tbar-btn-icons-focus-color;
48475
+
48476
+ @if $skin-name == 'bootstrap5' {
48477
+ color: $tbar-btn-text-focus-color;
48478
+ }
48476
48479
  }
48477
48480
 
48478
48481
  .e-tbar-btn-text {
@@ -80877,6 +80880,13 @@ margin: $grid-group-animator-cell-margin;
80877
80880
  }
80878
80881
  }
80879
80882
 
80883
+ .e-rowdragdrop {
80884
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
80885
+ border-width: $grid-rowcell-broder-width;
80886
+ border-color: $grid-dragcell-border-color;
80887
+ }
80888
+ }
80889
+
80880
80890
  .e-rowcell.e-frozen-right-border,
80881
80891
  .e-headercell.e-frozen-right-border,
80882
80892
  .e-filterbarcell.e-frozen-right-border {
@@ -89256,6 +89266,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
89256
89266
  $rte-big-quick-tbar-item-min-height: 50px !default;
89257
89267
  $rte-big-quick-tbar-item-min-width: 50px !default;
89258
89268
  $rte-content-font-size: 14px !default;
89269
+ $rte-big-content-font-size: 16px !default;
89259
89270
  $rte-dropdown-caret-icon-size: 12px !default;
89260
89271
  $rte-big-dropdown-caret-icon-size: 12px !default;
89261
89272
  $rte-toolbar-icon-size: 16px !default;
@@ -89494,6 +89505,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89494
89505
  min-height: 350px;
89495
89506
  }
89496
89507
  }
89508
+ .e-rte-content .e-content {
89509
+ font-size: $rte-big-content-font-size;
89510
+ }
89497
89511
  }
89498
89512
 
89499
89513
  .e-richtexteditor {
@@ -89800,10 +89814,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89800
89814
  position: relative;
89801
89815
  text-align: inherit;
89802
89816
  z-index: 2;
89803
-
89804
- @media screen and (min-width: 992px) {
89805
- font-size: $rte-content-font-size;
89806
- }
89817
+ font-size: $rte-content-font-size;
89807
89818
  }
89808
89819
 
89809
89820
  .e-content p {
@@ -97247,7 +97258,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97247
97258
  padding: $kanban-collapse-header-text-padding;
97248
97259
  position: relative;
97249
97260
  text-overflow: ellipsis;
97250
- text-transform: $kanban-collapse-header-text-transform;
97251
97261
  white-space: nowrap;
97252
97262
  writing-mode: vertical-lr;
97253
97263
 
@@ -101296,8 +101306,6 @@ $pv-eye-icon-margin-top: 3px !default;
101296
101306
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101297
101307
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101298
101308
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101299
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101300
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101301
101309
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101302
101310
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101303
101311
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101318,6 +101326,20 @@ $pv-eye-icon-margin-top: 3px !default;
101318
101326
  color: $pv-item-selection-color;
101319
101327
  }
101320
101328
  }
101329
+
101330
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101331
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101332
+ {
101333
+ @if $skin-name == 'bootstrap4' {
101334
+ color: $pv-icon-color-hover;
101335
+ }
101336
+ @if $skin-name == 'bootstrap5' {
101337
+ color: $pv-icon-color;
101338
+ }
101339
+ @if $skin-name == 'FluentUI' {
101340
+ color: $pv-item-selection-color;
101341
+ }
101342
+ }
101321
101343
 
101322
101344
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101323
101345
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19665,11 +19665,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
19665
19665
  cursor: default;
19666
19666
  }
19667
19667
 
19668
- .e-mention .e-mention-chip::selection {
19669
- color: $mention-gradient-color;
19670
- background: $mention-active-font-color;
19671
- }
19672
-
19673
19668
  .e-mention.e-editable-element {
19674
19669
  border: 2px solid $ddl-list-border-color;
19675
19670
  height: auto;
@@ -48224,6 +48219,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48224
48219
 
48225
48220
  .e-tbar-btn-text {
48226
48221
  color: $tbar-btn-text-focus-color;
48222
+
48223
+ @if $skin-name == 'bootstrap5' {
48224
+ color: $tbar-btn-icons-focus-color;
48225
+ }
48227
48226
  }
48228
48227
  }
48229
48228
 
@@ -48237,6 +48236,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48237
48236
 
48238
48237
  .e-icons {
48239
48238
  color: $tbar-btn-icons-focus-color;
48239
+
48240
+ @if $skin-name == 'bootstrap5' {
48241
+ color: $tbar-btn-text-focus-color;
48242
+ }
48240
48243
  }
48241
48244
 
48242
48245
  .e-tbar-btn-text {
@@ -80635,6 +80638,13 @@ margin: $grid-group-animator-cell-margin;
80635
80638
  }
80636
80639
  }
80637
80640
 
80641
+ .e-rowdragdrop {
80642
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
80643
+ border-width: $grid-rowcell-broder-width;
80644
+ border-color: $grid-dragcell-border-color;
80645
+ }
80646
+ }
80647
+
80638
80648
  .e-rowcell.e-frozen-right-border,
80639
80649
  .e-headercell.e-frozen-right-border,
80640
80650
  .e-filterbarcell.e-frozen-right-border {
@@ -89013,6 +89023,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
89013
89023
  $rte-big-quick-tbar-item-min-height: 34px !default;
89014
89024
  $rte-big-quick-tbar-item-min-width: 39px !default;
89015
89025
  $rte-content-font-size: 14px !default;
89026
+ $rte-big-content-font-size: 16px !default;
89016
89027
  $rte-dropdown-caret-icon-size: 12px !default;
89017
89028
  $rte-big-dropdown-caret-icon-size: 12px !default;
89018
89029
 
@@ -89246,6 +89257,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89246
89257
  min-height: 350px;
89247
89258
  }
89248
89259
  }
89260
+ .e-rte-content .e-content {
89261
+ font-size: $rte-big-content-font-size;
89262
+ }
89249
89263
  }
89250
89264
 
89251
89265
  .e-richtexteditor {
@@ -89552,10 +89566,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89552
89566
  position: relative;
89553
89567
  text-align: inherit;
89554
89568
  z-index: 2;
89555
-
89556
- @media screen and (min-width: 992px) {
89557
- font-size: $rte-content-font-size;
89558
- }
89569
+ font-size: $rte-content-font-size;
89559
89570
  }
89560
89571
 
89561
89572
  .e-content p {
@@ -97000,7 +97011,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97000
97011
  padding: $kanban-collapse-header-text-padding;
97001
97012
  position: relative;
97002
97013
  text-overflow: ellipsis;
97003
- text-transform: $kanban-collapse-header-text-transform;
97004
97014
  white-space: nowrap;
97005
97015
  writing-mode: vertical-lr;
97006
97016
 
@@ -101052,8 +101062,6 @@ $pv-eye-icon-margin-top: 3px !default;
101052
101062
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101053
101063
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101054
101064
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101055
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101056
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101057
101065
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101058
101066
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101059
101067
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101074,6 +101082,20 @@ $pv-eye-icon-margin-top: 3px !default;
101074
101082
  color: $pv-item-selection-color;
101075
101083
  }
101076
101084
  }
101085
+
101086
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101087
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101088
+ {
101089
+ @if $skin-name == 'bootstrap4' {
101090
+ color: $pv-icon-color-hover;
101091
+ }
101092
+ @if $skin-name == 'bootstrap5' {
101093
+ color: $pv-icon-color;
101094
+ }
101095
+ @if $skin-name == 'FluentUI' {
101096
+ color: $pv-item-selection-color;
101097
+ }
101098
+ }
101077
101099
 
101078
101100
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101079
101101
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19867,11 +19867,6 @@ $ddl-group-list-item-text-intent: 0 !default;
19867
19867
  cursor: default;
19868
19868
  }
19869
19869
 
19870
- .e-mention .e-mention-chip::selection {
19871
- color: $mention-gradient-color;
19872
- background: $mention-active-font-color;
19873
- }
19874
-
19875
19870
  .e-mention.e-editable-element {
19876
19871
  border: 2px solid $ddl-list-border-color;
19877
19872
  height: auto;
@@ -48826,6 +48821,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48826
48821
 
48827
48822
  .e-tbar-btn-text {
48828
48823
  color: $tbar-btn-text-focus-color;
48824
+
48825
+ @if $skin-name == 'bootstrap5' {
48826
+ color: $tbar-btn-icons-focus-color;
48827
+ }
48829
48828
  }
48830
48829
  }
48831
48830
 
@@ -48839,6 +48838,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48839
48838
 
48840
48839
  .e-icons {
48841
48840
  color: $tbar-btn-icons-focus-color;
48841
+
48842
+ @if $skin-name == 'bootstrap5' {
48843
+ color: $tbar-btn-text-focus-color;
48844
+ }
48842
48845
  }
48843
48846
 
48844
48847
  .e-tbar-btn-text {
@@ -81441,6 +81444,13 @@ margin: $grid-group-animator-cell-margin;
81441
81444
  }
81442
81445
  }
81443
81446
 
81447
+ .e-rowdragdrop {
81448
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81449
+ border-width: $grid-rowcell-broder-width;
81450
+ border-color: $grid-dragcell-border-color;
81451
+ }
81452
+ }
81453
+
81444
81454
  .e-rowcell.e-frozen-right-border,
81445
81455
  .e-headercell.e-frozen-right-border,
81446
81456
  .e-filterbarcell.e-frozen-right-border {
@@ -89759,7 +89769,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
89759
89769
  $rte-insert-dialog-label-padding-bottom: 12px !default;
89760
89770
  $rte-big-quick-tbar-item-min-height: 48px !default;
89761
89771
  $rte-big-quick-tbar-item-min-width: 48px !default;
89762
- $rte-content-font-size: $text-sm !default;
89772
+ $rte-content-font-size: 14px !default;
89773
+ $rte-big-content-font-size: 16px !default;
89763
89774
  $rte-dropdown-caret-icon-size: $text-xs !default;
89764
89775
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
89765
89776
  $font-weight: $font-weight-normal !default;
@@ -90087,6 +90098,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90087
90098
  min-height: 350px;
90088
90099
  }
90089
90100
  }
90101
+ .e-rte-content .e-content {
90102
+ font-size: $rte-big-content-font-size;
90103
+ }
90090
90104
  }
90091
90105
 
90092
90106
  .e-richtexteditor {
@@ -90393,10 +90407,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90393
90407
  position: relative;
90394
90408
  text-align: inherit;
90395
90409
  z-index: 2;
90396
-
90397
- @media screen and (min-width: 992px) {
90398
- font-size: $rte-content-font-size;
90399
- }
90410
+ font-size: $rte-content-font-size;
90400
90411
  }
90401
90412
 
90402
90413
  .e-content p {
@@ -97840,7 +97851,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97840
97851
  padding: $kanban-collapse-header-text-padding;
97841
97852
  position: relative;
97842
97853
  text-overflow: ellipsis;
97843
- text-transform: $kanban-collapse-header-text-transform;
97844
97854
  white-space: nowrap;
97845
97855
  writing-mode: vertical-lr;
97846
97856
 
@@ -101899,8 +101909,6 @@ $pv-comment-text-cursor-color: $black !default;
101899
101909
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101900
101910
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101901
101911
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101902
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101903
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101904
101912
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101905
101913
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101906
101914
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101921,6 +101929,20 @@ $pv-comment-text-cursor-color: $black !default;
101921
101929
  color: $pv-item-selection-color;
101922
101930
  }
101923
101931
  }
101932
+
101933
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101934
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101935
+ {
101936
+ @if $skin-name == 'bootstrap4' {
101937
+ color: $pv-icon-color-hover;
101938
+ }
101939
+ @if $skin-name == 'bootstrap5' {
101940
+ color: $pv-icon-color;
101941
+ }
101942
+ @if $skin-name == 'FluentUI' {
101943
+ color: $pv-item-selection-color;
101944
+ }
101945
+ }
101924
101946
 
101925
101947
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101926
101948
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19868,11 +19868,6 @@ $ddl-group-list-item-text-intent: 0 !default;
19868
19868
  cursor: default;
19869
19869
  }
19870
19870
 
19871
- .e-mention .e-mention-chip::selection {
19872
- color: $mention-gradient-color;
19873
- background: $mention-active-font-color;
19874
- }
19875
-
19876
19871
  .e-mention.e-editable-element {
19877
19872
  border: 2px solid $ddl-list-border-color;
19878
19873
  height: auto;
@@ -48827,6 +48822,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48827
48822
 
48828
48823
  .e-tbar-btn-text {
48829
48824
  color: $tbar-btn-text-focus-color;
48825
+
48826
+ @if $skin-name == 'bootstrap5' {
48827
+ color: $tbar-btn-icons-focus-color;
48828
+ }
48830
48829
  }
48831
48830
  }
48832
48831
 
@@ -48840,6 +48839,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48840
48839
 
48841
48840
  .e-icons {
48842
48841
  color: $tbar-btn-icons-focus-color;
48842
+
48843
+ @if $skin-name == 'bootstrap5' {
48844
+ color: $tbar-btn-text-focus-color;
48845
+ }
48843
48846
  }
48844
48847
 
48845
48848
  .e-tbar-btn-text {
@@ -81442,6 +81445,13 @@ margin: $grid-group-animator-cell-margin;
81442
81445
  }
81443
81446
  }
81444
81447
 
81448
+ .e-rowdragdrop {
81449
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81450
+ border-width: $grid-rowcell-broder-width;
81451
+ border-color: $grid-dragcell-border-color;
81452
+ }
81453
+ }
81454
+
81445
81455
  .e-rowcell.e-frozen-right-border,
81446
81456
  .e-headercell.e-frozen-right-border,
81447
81457
  .e-filterbarcell.e-frozen-right-border {
@@ -89760,7 +89770,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
89760
89770
  $rte-insert-dialog-label-padding-bottom: 12px !default;
89761
89771
  $rte-big-quick-tbar-item-min-height: 48px !default;
89762
89772
  $rte-big-quick-tbar-item-min-width: 48px !default;
89763
- $rte-content-font-size: $text-sm !default;
89773
+ $rte-content-font-size: 14px !default;
89774
+ $rte-big-content-font-size: 16px !default;
89764
89775
  $rte-dropdown-caret-icon-size: $text-xs !default;
89765
89776
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
89766
89777
  $font-weight: $font-weight-normal !default;
@@ -90088,6 +90099,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90088
90099
  min-height: 350px;
90089
90100
  }
90090
90101
  }
90102
+ .e-rte-content .e-content {
90103
+ font-size: $rte-big-content-font-size;
90104
+ }
90091
90105
  }
90092
90106
 
90093
90107
  .e-richtexteditor {
@@ -90394,10 +90408,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90394
90408
  position: relative;
90395
90409
  text-align: inherit;
90396
90410
  z-index: 2;
90397
-
90398
- @media screen and (min-width: 992px) {
90399
- font-size: $rte-content-font-size;
90400
- }
90411
+ font-size: $rte-content-font-size;
90401
90412
  }
90402
90413
 
90403
90414
  .e-content p {
@@ -97841,7 +97852,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97841
97852
  padding: $kanban-collapse-header-text-padding;
97842
97853
  position: relative;
97843
97854
  text-overflow: ellipsis;
97844
- text-transform: $kanban-collapse-header-text-transform;
97845
97855
  white-space: nowrap;
97846
97856
  writing-mode: vertical-lr;
97847
97857
 
@@ -101900,8 +101910,6 @@ $pv-comment-text-cursor-color: $black !default;
101900
101910
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101901
101911
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101902
101912
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101903
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101904
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101905
101913
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101906
101914
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101907
101915
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101922,6 +101930,20 @@ $pv-comment-text-cursor-color: $black !default;
101922
101930
  color: $pv-item-selection-color;
101923
101931
  }
101924
101932
  }
101933
+
101934
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101935
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101936
+ {
101937
+ @if $skin-name == 'bootstrap4' {
101938
+ color: $pv-icon-color-hover;
101939
+ }
101940
+ @if $skin-name == 'bootstrap5' {
101941
+ color: $pv-icon-color;
101942
+ }
101943
+ @if $skin-name == 'FluentUI' {
101944
+ color: $pv-item-selection-color;
101945
+ }
101946
+ }
101925
101947
 
101926
101948
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101927
101949
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -5073,6 +5073,13 @@ margin: $grid-group-animator-cell-margin;
5073
5073
  }
5074
5074
  }
5075
5075
 
5076
+ .e-rowdragdrop {
5077
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5078
+ border-width: $grid-rowcell-broder-width;
5079
+ border-color: $grid-dragcell-border-color;
5080
+ }
5081
+ }
5082
+
5076
5083
  .e-rowcell.e-frozen-right-border,
5077
5084
  .e-headercell.e-frozen-right-border,
5078
5085
  .e-filterbarcell.e-frozen-right-border {
@@ -5075,6 +5075,13 @@ margin: $grid-group-animator-cell-margin;
5075
5075
  }
5076
5076
  }
5077
5077
 
5078
+ .e-rowdragdrop {
5079
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5080
+ border-width: $grid-rowcell-broder-width;
5081
+ border-color: $grid-dragcell-border-color;
5082
+ }
5083
+ }
5084
+
5078
5085
  .e-rowcell.e-frozen-right-border,
5079
5086
  .e-headercell.e-frozen-right-border,
5080
5087
  .e-filterbarcell.e-frozen-right-border {
@@ -5080,6 +5080,13 @@ margin: $grid-group-animator-cell-margin;
5080
5080
  }
5081
5081
  }
5082
5082
 
5083
+ .e-rowdragdrop {
5084
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5085
+ border-width: $grid-rowcell-broder-width;
5086
+ border-color: $grid-dragcell-border-color;
5087
+ }
5088
+ }
5089
+
5083
5090
  .e-rowcell.e-frozen-right-border,
5084
5091
  .e-headercell.e-frozen-right-border,
5085
5092
  .e-filterbarcell.e-frozen-right-border {
@@ -5073,6 +5073,13 @@ margin: $grid-group-animator-cell-margin;
5073
5073
  }
5074
5074
  }
5075
5075
 
5076
+ .e-rowdragdrop {
5077
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5078
+ border-width: $grid-rowcell-broder-width;
5079
+ border-color: $grid-dragcell-border-color;
5080
+ }
5081
+ }
5082
+
5076
5083
  .e-rowcell.e-frozen-right-border,
5077
5084
  .e-headercell.e-frozen-right-border,
5078
5085
  .e-filterbarcell.e-frozen-right-border {
@@ -5073,6 +5073,13 @@ margin: $grid-group-animator-cell-margin;
5073
5073
  }
5074
5074
  }
5075
5075
 
5076
+ .e-rowdragdrop {
5077
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5078
+ border-width: $grid-rowcell-broder-width;
5079
+ border-color: $grid-dragcell-border-color;
5080
+ }
5081
+ }
5082
+
5076
5083
  .e-rowcell.e-frozen-right-border,
5077
5084
  .e-headercell.e-frozen-right-border,
5078
5085
  .e-filterbarcell.e-frozen-right-border {
@@ -5070,6 +5070,13 @@ margin: $grid-group-animator-cell-margin;
5070
5070
  }
5071
5071
  }
5072
5072
 
5073
+ .e-rowdragdrop {
5074
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5075
+ border-width: $grid-rowcell-broder-width;
5076
+ border-color: $grid-dragcell-border-color;
5077
+ }
5078
+ }
5079
+
5073
5080
  .e-rowcell.e-frozen-right-border,
5074
5081
  .e-headercell.e-frozen-right-border,
5075
5082
  .e-filterbarcell.e-frozen-right-border {
@@ -5070,6 +5070,13 @@ margin: $grid-group-animator-cell-margin;
5070
5070
  }
5071
5071
  }
5072
5072
 
5073
+ .e-rowdragdrop {
5074
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5075
+ border-width: $grid-rowcell-broder-width;
5076
+ border-color: $grid-dragcell-border-color;
5077
+ }
5078
+ }
5079
+
5073
5080
  .e-rowcell.e-frozen-right-border,
5074
5081
  .e-headercell.e-frozen-right-border,
5075
5082
  .e-filterbarcell.e-frozen-right-border {