@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
@@ -5065,6 +5065,13 @@ margin: $grid-group-animator-cell-margin;
5065
5065
  }
5066
5066
  }
5067
5067
 
5068
+ .e-rowdragdrop {
5069
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5070
+ border-width: $grid-rowcell-broder-width;
5071
+ border-color: $grid-dragcell-border-color;
5072
+ }
5073
+ }
5074
+
5068
5075
  .e-rowcell.e-frozen-right-border,
5069
5076
  .e-headercell.e-frozen-right-border,
5070
5077
  .e-filterbarcell.e-frozen-right-border {
@@ -5065,6 +5065,13 @@ margin: $grid-group-animator-cell-margin;
5065
5065
  }
5066
5066
  }
5067
5067
 
5068
+ .e-rowdragdrop {
5069
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5070
+ border-width: $grid-rowcell-broder-width;
5071
+ border-color: $grid-dragcell-border-color;
5072
+ }
5073
+ }
5074
+
5068
5075
  .e-rowcell.e-frozen-right-border,
5069
5076
  .e-headercell.e-frozen-right-border,
5070
5077
  .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 {
@@ -5071,6 +5071,13 @@ margin: $grid-group-animator-cell-margin;
5071
5071
  }
5072
5072
  }
5073
5073
 
5074
+ .e-rowdragdrop {
5075
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5076
+ border-width: $grid-rowcell-broder-width;
5077
+ border-color: $grid-dragcell-border-color;
5078
+ }
5079
+ }
5080
+
5074
5081
  .e-rowcell.e-frozen-right-border,
5075
5082
  .e-headercell.e-frozen-right-border,
5076
5083
  .e-filterbarcell.e-frozen-right-border {
@@ -5069,6 +5069,13 @@ margin: $grid-group-animator-cell-margin;
5069
5069
  }
5070
5070
  }
5071
5071
 
5072
+ .e-rowdragdrop {
5073
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5074
+ border-width: $grid-rowcell-broder-width;
5075
+ border-color: $grid-dragcell-border-color;
5076
+ }
5077
+ }
5078
+
5072
5079
  .e-rowcell.e-frozen-right-border,
5073
5080
  .e-headercell.e-frozen-right-border,
5074
5081
  .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 {
@@ -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 {
@@ -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 {
@@ -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 {
@@ -19721,11 +19721,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
19721
19721
  cursor: default;
19722
19722
  }
19723
19723
 
19724
- .e-mention .e-mention-chip::selection {
19725
- color: $mention-gradient-color;
19726
- background: $mention-active-font-color;
19727
- }
19728
-
19729
19724
  .e-mention.e-editable-element {
19730
19725
  border: 2px solid $ddl-list-border-color;
19731
19726
  height: auto;
@@ -48318,6 +48313,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
48318
48313
 
48319
48314
  .e-tbar-btn-text {
48320
48315
  color: $tbar-btn-text-focus-color;
48316
+
48317
+ @if $skin-name == 'bootstrap5' {
48318
+ color: $tbar-btn-icons-focus-color;
48319
+ }
48321
48320
  }
48322
48321
  }
48323
48322
 
@@ -48331,6 +48330,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
48331
48330
 
48332
48331
  .e-icons {
48333
48332
  color: $tbar-btn-icons-focus-color;
48333
+
48334
+ @if $skin-name == 'bootstrap5' {
48335
+ color: $tbar-btn-text-focus-color;
48336
+ }
48334
48337
  }
48335
48338
 
48336
48339
  .e-tbar-btn-text {
@@ -80885,6 +80888,13 @@ margin: $grid-group-animator-cell-margin;
80885
80888
  }
80886
80889
  }
80887
80890
 
80891
+ .e-rowdragdrop {
80892
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
80893
+ border-width: $grid-rowcell-broder-width;
80894
+ border-color: $grid-dragcell-border-color;
80895
+ }
80896
+ }
80897
+
80888
80898
  .e-rowcell.e-frozen-right-border,
80889
80899
  .e-headercell.e-frozen-right-border,
80890
80900
  .e-filterbarcell.e-frozen-right-border {
@@ -89266,6 +89276,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
89266
89276
  $rte-big-quick-tbar-item-min-height: 49px !default;
89267
89277
  $rte-big-quick-tbar-item-min-width: 50px !default;
89268
89278
  $rte-content-font-size: 14px !default;
89279
+ $rte-big-content-font-size: 16px !default;
89269
89280
  $rte-dropdown-caret-icon-size: 12px !default;
89270
89281
  $rte-big-dropdown-caret-icon-size: 12px !default;
89271
89282
  $rte-toolbar-icon-size: 16px !default;
@@ -89498,6 +89509,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89498
89509
  min-height: 350px;
89499
89510
  }
89500
89511
  }
89512
+ .e-rte-content .e-content {
89513
+ font-size: $rte-big-content-font-size;
89514
+ }
89501
89515
  }
89502
89516
 
89503
89517
  .e-richtexteditor {
@@ -89804,10 +89818,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89804
89818
  position: relative;
89805
89819
  text-align: inherit;
89806
89820
  z-index: 2;
89807
-
89808
- @media screen and (min-width: 992px) {
89809
- font-size: $rte-content-font-size;
89810
- }
89821
+ font-size: $rte-content-font-size;
89811
89822
  }
89812
89823
 
89813
89824
  .e-content p {
@@ -97252,7 +97263,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97252
97263
  padding: $kanban-collapse-header-text-padding;
97253
97264
  position: relative;
97254
97265
  text-overflow: ellipsis;
97255
- text-transform: $kanban-collapse-header-text-transform;
97256
97266
  white-space: nowrap;
97257
97267
  writing-mode: vertical-lr;
97258
97268
 
@@ -101314,8 +101324,6 @@ $pv-eye-icon-margin-top: 3px !default;
101314
101324
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101315
101325
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101316
101326
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101317
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101318
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101319
101327
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101320
101328
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101321
101329
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101336,6 +101344,20 @@ $pv-eye-icon-margin-top: 3px !default;
101336
101344
  color: $pv-item-selection-color;
101337
101345
  }
101338
101346
  }
101347
+
101348
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101349
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101350
+ {
101351
+ @if $skin-name == 'bootstrap4' {
101352
+ color: $pv-icon-color-hover;
101353
+ }
101354
+ @if $skin-name == 'bootstrap5' {
101355
+ color: $pv-icon-color;
101356
+ }
101357
+ @if $skin-name == 'FluentUI' {
101358
+ color: $pv-item-selection-color;
101359
+ }
101360
+ }
101339
101361
 
101340
101362
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101341
101363
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
500
500
  padding: $kanban-collapse-header-text-padding;
501
501
  position: relative;
502
502
  text-overflow: ellipsis;
503
- text-transform: $kanban-collapse-header-text-transform;
504
503
  white-space: nowrap;
505
504
  writing-mode: vertical-lr;
506
505
 
@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
499
499
  padding: $kanban-collapse-header-text-padding;
500
500
  position: relative;
501
501
  text-overflow: ellipsis;
502
- text-transform: $kanban-collapse-header-text-transform;
503
502
  white-space: nowrap;
504
503
  writing-mode: vertical-lr;
505
504
 
@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
500
500
  padding: $kanban-collapse-header-text-padding;
501
501
  position: relative;
502
502
  text-overflow: ellipsis;
503
- text-transform: $kanban-collapse-header-text-transform;
504
503
  white-space: nowrap;
505
504
  writing-mode: vertical-lr;
506
505
 
@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
508
508
  padding: $kanban-collapse-header-text-padding;
509
509
  position: relative;
510
510
  text-overflow: ellipsis;
511
- text-transform: $kanban-collapse-header-text-transform;
512
511
  white-space: nowrap;
513
512
  writing-mode: vertical-lr;
514
513
 
@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
508
508
  padding: $kanban-collapse-header-text-padding;
509
509
  position: relative;
510
510
  text-overflow: ellipsis;
511
- text-transform: $kanban-collapse-header-text-transform;
512
511
  white-space: nowrap;
513
512
  writing-mode: vertical-lr;
514
513
 
@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
499
499
  padding: $kanban-collapse-header-text-padding;
500
500
  position: relative;
501
501
  text-overflow: ellipsis;
502
- text-transform: $kanban-collapse-header-text-transform;
503
502
  white-space: nowrap;
504
503
  writing-mode: vertical-lr;
505
504
 
@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
499
499
  padding: $kanban-collapse-header-text-padding;
500
500
  position: relative;
501
501
  text-overflow: ellipsis;
502
- text-transform: $kanban-collapse-header-text-transform;
503
502
  white-space: nowrap;
504
503
  writing-mode: vertical-lr;
505
504
 
@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
500
500
  padding: $kanban-collapse-header-text-padding;
501
501
  position: relative;
502
502
  text-overflow: ellipsis;
503
- text-transform: $kanban-collapse-header-text-transform;
504
503
  white-space: nowrap;
505
504
  writing-mode: vertical-lr;
506
505
 
@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
500
500
  padding: $kanban-collapse-header-text-padding;
501
501
  position: relative;
502
502
  text-overflow: ellipsis;
503
- text-transform: $kanban-collapse-header-text-transform;
504
503
  white-space: nowrap;
505
504
  writing-mode: vertical-lr;
506
505
 
@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
500
500
  padding: $kanban-collapse-header-text-padding;
501
501
  position: relative;
502
502
  text-overflow: ellipsis;
503
- text-transform: $kanban-collapse-header-text-transform;
504
503
  white-space: nowrap;
505
504
  writing-mode: vertical-lr;
506
505
 
@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
499
499
  padding: $kanban-collapse-header-text-padding;
500
500
  position: relative;
501
501
  text-overflow: ellipsis;
502
- text-transform: $kanban-collapse-header-text-transform;
503
502
  white-space: nowrap;
504
503
  writing-mode: vertical-lr;
505
504
 
@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
499
499
  padding: $kanban-collapse-header-text-padding;
500
500
  position: relative;
501
501
  text-overflow: ellipsis;
502
- text-transform: $kanban-collapse-header-text-transform;
503
502
  white-space: nowrap;
504
503
  writing-mode: vertical-lr;
505
504
 
@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
508
508
  padding: $kanban-collapse-header-text-padding;
509
509
  position: relative;
510
510
  text-overflow: ellipsis;
511
- text-transform: $kanban-collapse-header-text-transform;
512
511
  white-space: nowrap;
513
512
  writing-mode: vertical-lr;
514
513
 
@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
508
508
  padding: $kanban-collapse-header-text-padding;
509
509
  position: relative;
510
510
  text-overflow: ellipsis;
511
- text-transform: $kanban-collapse-header-text-transform;
512
511
  white-space: nowrap;
513
512
  writing-mode: vertical-lr;
514
513
 
@@ -509,7 +509,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
509
509
  padding: $kanban-collapse-header-text-padding;
510
510
  position: relative;
511
511
  text-overflow: ellipsis;
512
- text-transform: $kanban-collapse-header-text-transform;
513
512
  white-space: nowrap;
514
513
  writing-mode: vertical-lr;
515
514
 
@@ -509,7 +509,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
509
509
  padding: $kanban-collapse-header-text-padding;
510
510
  position: relative;
511
511
  text-overflow: ellipsis;
512
- text-transform: $kanban-collapse-header-text-transform;
513
512
  white-space: nowrap;
514
513
  writing-mode: vertical-lr;
515
514
 
@@ -19978,11 +19978,6 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
19978
19978
  cursor: default;
19979
19979
  }
19980
19980
 
19981
- .e-mention .e-mention-chip::selection {
19982
- color: $mention-gradient-color;
19983
- background: $mention-active-font-color;
19984
- }
19985
-
19986
19981
  .e-mention.e-editable-element {
19987
19982
  border: 2px solid $ddl-list-border-color;
19988
19983
  height: auto;
@@ -49042,6 +49037,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
49042
49037
 
49043
49038
  .e-tbar-btn-text {
49044
49039
  color: $tbar-btn-text-focus-color;
49040
+
49041
+ @if $skin-name == 'bootstrap5' {
49042
+ color: $tbar-btn-icons-focus-color;
49043
+ }
49045
49044
  }
49046
49045
  }
49047
49046
 
@@ -49055,6 +49054,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
49055
49054
 
49056
49055
  .e-icons {
49057
49056
  color: $tbar-btn-icons-focus-color;
49057
+
49058
+ @if $skin-name == 'bootstrap5' {
49059
+ color: $tbar-btn-text-focus-color;
49060
+ }
49058
49061
  }
49059
49062
 
49060
49063
  .e-tbar-btn-text {
@@ -82180,6 +82183,13 @@ margin: $grid-group-animator-cell-margin;
82180
82183
  }
82181
82184
  }
82182
82185
 
82186
+ .e-rowdragdrop {
82187
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
82188
+ border-width: $grid-rowcell-broder-width;
82189
+ border-color: $grid-dragcell-border-color;
82190
+ }
82191
+ }
82192
+
82183
82193
  .e-rowcell.e-frozen-right-border,
82184
82194
  .e-headercell.e-frozen-right-border,
82185
82195
  .e-filterbarcell.e-frozen-right-border {
@@ -90572,6 +90582,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
90572
90582
  $rte-big-quick-tbar-item-min-height: 34px !default;
90573
90583
  $rte-big-quick-tbar-item-min-width: 39px !default;
90574
90584
  $rte-content-font-size: 14px !default;
90585
+ $rte-big-content-font-size: 16px !default;
90575
90586
  $rte-dropdown-caret-icon-size: 12px !default;
90576
90587
  $rte-big-dropdown-caret-icon-size: 12px !default;
90577
90588
 
@@ -90808,6 +90819,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90808
90819
  min-height: 350px;
90809
90820
  }
90810
90821
  }
90822
+ .e-rte-content .e-content {
90823
+ font-size: $rte-big-content-font-size;
90824
+ }
90811
90825
  }
90812
90826
 
90813
90827
  .e-richtexteditor {
@@ -91114,10 +91128,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91114
91128
  position: relative;
91115
91129
  text-align: inherit;
91116
91130
  z-index: 2;
91117
-
91118
- @media screen and (min-width: 992px) {
91119
- font-size: $rte-content-font-size;
91120
- }
91131
+ font-size: $rte-content-font-size;
91121
91132
  }
91122
91133
 
91123
91134
  .e-content p {
@@ -98563,7 +98574,6 @@ $kanban-col-expand-collapse-box-shadow: none;
98563
98574
  padding: $kanban-collapse-header-text-padding;
98564
98575
  position: relative;
98565
98576
  text-overflow: ellipsis;
98566
- text-transform: $kanban-collapse-header-text-transform;
98567
98577
  white-space: nowrap;
98568
98578
  writing-mode: vertical-lr;
98569
98579
 
@@ -102629,8 +102639,6 @@ $pv-eye-icon-margin-top: 3px !default;
102629
102639
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
102630
102640
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
102631
102641
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
102632
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102633
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102634
102642
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
102635
102643
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102636
102644
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -102651,6 +102659,20 @@ $pv-eye-icon-margin-top: 3px !default;
102651
102659
  color: $pv-item-selection-color;
102652
102660
  }
102653
102661
  }
102662
+
102663
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102664
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
102665
+ {
102666
+ @if $skin-name == 'bootstrap4' {
102667
+ color: $pv-icon-color-hover;
102668
+ }
102669
+ @if $skin-name == 'bootstrap5' {
102670
+ color: $pv-icon-color;
102671
+ }
102672
+ @if $skin-name == 'FluentUI' {
102673
+ color: $pv-item-selection-color;
102674
+ }
102675
+ }
102654
102676
 
102655
102677
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
102656
102678
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19987,11 +19987,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
19987
19987
  cursor: default;
19988
19988
  }
19989
19989
 
19990
- .e-mention .e-mention-chip::selection {
19991
- color: $mention-gradient-color;
19992
- background: $mention-active-font-color;
19993
- }
19994
-
19995
19990
  .e-mention.e-editable-element {
19996
19991
  border: 2px solid $ddl-list-border-color;
19997
19992
  height: auto;
@@ -48774,6 +48769,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
48774
48769
 
48775
48770
  .e-tbar-btn-text {
48776
48771
  color: $tbar-btn-text-focus-color;
48772
+
48773
+ @if $skin-name == 'bootstrap5' {
48774
+ color: $tbar-btn-icons-focus-color;
48775
+ }
48777
48776
  }
48778
48777
  }
48779
48778
 
@@ -48787,6 +48786,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
48787
48786
 
48788
48787
  .e-icons {
48789
48788
  color: $tbar-btn-icons-focus-color;
48789
+
48790
+ @if $skin-name == 'bootstrap5' {
48791
+ color: $tbar-btn-text-focus-color;
48792
+ }
48790
48793
  }
48791
48794
 
48792
48795
  .e-tbar-btn-text {
@@ -81901,6 +81904,13 @@ margin: $grid-group-animator-cell-margin;
81901
81904
  }
81902
81905
  }
81903
81906
 
81907
+ .e-rowdragdrop {
81908
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81909
+ border-width: $grid-rowcell-broder-width;
81910
+ border-color: $grid-dragcell-border-color;
81911
+ }
81912
+ }
81913
+
81904
81914
  .e-rowcell.e-frozen-right-border,
81905
81915
  .e-headercell.e-frozen-right-border,
81906
81916
  .e-filterbarcell.e-frozen-right-border {
@@ -90283,6 +90293,8 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
90283
90293
  $rte-big-quick-tbar-item-min-height: 34px !default;
90284
90294
  $rte-big-quick-tbar-item-min-width: 39px !default;
90285
90295
  $rte-content-font-size: 14px !default;
90296
+ $rte-big-content-font-size: 16px !default;
90297
+ $rte-big-content-font-size: 16px !default;
90286
90298
  $rte-dropdown-caret-icon-size: 12px !default;
90287
90299
  $rte-big-dropdown-caret-icon-size: 12px !default;
90288
90300
  $rte-toolbar-icon-size: 14px !default;
@@ -90522,6 +90534,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90522
90534
  min-height: 350px;
90523
90535
  }
90524
90536
  }
90537
+ .e-rte-content .e-content {
90538
+ font-size: $rte-big-content-font-size;
90539
+ }
90525
90540
  }
90526
90541
 
90527
90542
  .e-richtexteditor {
@@ -90828,10 +90843,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90828
90843
  position: relative;
90829
90844
  text-align: inherit;
90830
90845
  z-index: 2;
90831
-
90832
- @media screen and (min-width: 992px) {
90833
- font-size: $rte-content-font-size;
90834
- }
90846
+ font-size: $rte-content-font-size;
90835
90847
  }
90836
90848
 
90837
90849
  .e-content p {
@@ -98277,7 +98289,6 @@ $kanban-col-expand-collapse-box-shadow: none;
98277
98289
  padding: $kanban-collapse-header-text-padding;
98278
98290
  position: relative;
98279
98291
  text-overflow: ellipsis;
98280
- text-transform: $kanban-collapse-header-text-transform;
98281
98292
  white-space: nowrap;
98282
98293
  writing-mode: vertical-lr;
98283
98294
 
@@ -102341,8 +102352,6 @@ $pv-eye-icon-margin-top: 3px !default;
102341
102352
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
102342
102353
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
102343
102354
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
102344
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102345
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102346
102355
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
102347
102356
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102348
102357
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -102363,6 +102372,20 @@ $pv-eye-icon-margin-top: 3px !default;
102363
102372
  color: $pv-item-selection-color;
102364
102373
  }
102365
102374
  }
102375
+
102376
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
102377
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
102378
+ {
102379
+ @if $skin-name == 'bootstrap4' {
102380
+ color: $pv-icon-color-hover;
102381
+ }
102382
+ @if $skin-name == 'bootstrap5' {
102383
+ color: $pv-icon-color;
102384
+ }
102385
+ @if $skin-name == 'FluentUI' {
102386
+ color: $pv-item-selection-color;
102387
+ }
102388
+ }
102366
102389
 
102367
102390
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
102368
102391
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,