@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
@@ -19736,11 +19736,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
19736
19736
  cursor: default;
19737
19737
  }
19738
19738
 
19739
- .e-mention .e-mention-chip::selection {
19740
- color: $mention-gradient-color;
19741
- background: $mention-active-font-color;
19742
- }
19743
-
19744
19739
  .e-mention.e-editable-element {
19745
19740
  border: 2px solid $ddl-list-border-color;
19746
19741
  height: auto;
@@ -48593,6 +48588,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48593
48588
 
48594
48589
  .e-tbar-btn-text {
48595
48590
  color: $tbar-btn-text-focus-color;
48591
+
48592
+ @if $skin-name == 'bootstrap5' {
48593
+ color: $tbar-btn-icons-focus-color;
48594
+ }
48596
48595
  }
48597
48596
  }
48598
48597
 
@@ -48606,6 +48605,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48606
48605
 
48607
48606
  .e-icons {
48608
48607
  color: $tbar-btn-icons-focus-color;
48608
+
48609
+ @if $skin-name == 'bootstrap5' {
48610
+ color: $tbar-btn-text-focus-color;
48611
+ }
48609
48612
  }
48610
48613
 
48611
48614
  .e-tbar-btn-text {
@@ -81015,6 +81018,13 @@ margin: $grid-group-animator-cell-margin;
81015
81018
  }
81016
81019
  }
81017
81020
 
81021
+ .e-rowdragdrop {
81022
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81023
+ border-width: $grid-rowcell-broder-width;
81024
+ border-color: $grid-dragcell-border-color;
81025
+ }
81026
+ }
81027
+
81018
81028
  .e-rowcell.e-frozen-right-border,
81019
81029
  .e-headercell.e-frozen-right-border,
81020
81030
  .e-filterbarcell.e-frozen-right-border {
@@ -89401,6 +89411,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
89401
89411
  $rte-big-quick-tbar-item-min-height: 36px !default;
89402
89412
  $rte-big-quick-tbar-item-min-width: 36px !default;
89403
89413
  $rte-content-font-size: 14px !default;
89414
+ $rte-big-content-font-size: 16px !default;
89404
89415
  $rte-toolbar-icon-size: 16px !default;
89405
89416
  $rte-toolbar-big-icon-size: 18px !default;
89406
89417
  $rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
@@ -89660,6 +89671,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89660
89671
  min-height: 350px;
89661
89672
  }
89662
89673
  }
89674
+ .e-rte-content .e-content {
89675
+ font-size: $rte-big-content-font-size;
89676
+ }
89663
89677
  }
89664
89678
 
89665
89679
  .e-richtexteditor {
@@ -89966,10 +89980,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89966
89980
  position: relative;
89967
89981
  text-align: inherit;
89968
89982
  z-index: 2;
89969
-
89970
- @media screen and (min-width: 992px) {
89971
- font-size: $rte-content-font-size;
89972
- }
89983
+ font-size: $rte-content-font-size;
89973
89984
  }
89974
89985
 
89975
89986
  .e-content p {
@@ -97414,7 +97425,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97414
97425
  padding: $kanban-collapse-header-text-padding;
97415
97426
  position: relative;
97416
97427
  text-overflow: ellipsis;
97417
- text-transform: $kanban-collapse-header-text-transform;
97418
97428
  white-space: nowrap;
97419
97429
  writing-mode: vertical-lr;
97420
97430
 
@@ -101479,8 +101489,6 @@ $pv-eye-icon-margin-top: 3px !default;
101479
101489
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101480
101490
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101481
101491
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101482
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101483
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101484
101492
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101485
101493
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101486
101494
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101501,6 +101509,20 @@ $pv-eye-icon-margin-top: 3px !default;
101501
101509
  color: $pv-item-selection-color;
101502
101510
  }
101503
101511
  }
101512
+
101513
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101514
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101515
+ {
101516
+ @if $skin-name == 'bootstrap4' {
101517
+ color: $pv-icon-color-hover;
101518
+ }
101519
+ @if $skin-name == 'bootstrap5' {
101520
+ color: $pv-icon-color;
101521
+ }
101522
+ @if $skin-name == 'FluentUI' {
101523
+ color: $pv-item-selection-color;
101524
+ }
101525
+ }
101504
101526
 
101505
101527
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101506
101528
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19724,11 +19724,6 @@ $ddl-group-list-item-text-intent: 0 !default;
19724
19724
  cursor: default;
19725
19725
  }
19726
19726
 
19727
- .e-mention .e-mention-chip::selection {
19728
- color: $mention-gradient-color;
19729
- background: $mention-active-font-color;
19730
- }
19731
-
19732
19727
  .e-mention.e-editable-element {
19733
19728
  border: 2px solid $ddl-list-border-color;
19734
19729
  height: auto;
@@ -48309,6 +48304,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48309
48304
 
48310
48305
  .e-tbar-btn-text {
48311
48306
  color: $tbar-btn-text-focus-color;
48307
+
48308
+ @if $skin-name == 'bootstrap5' {
48309
+ color: $tbar-btn-icons-focus-color;
48310
+ }
48312
48311
  }
48313
48312
  }
48314
48313
 
@@ -48322,6 +48321,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48322
48321
 
48323
48322
  .e-icons {
48324
48323
  color: $tbar-btn-icons-focus-color;
48324
+
48325
+ @if $skin-name == 'bootstrap5' {
48326
+ color: $tbar-btn-text-focus-color;
48327
+ }
48325
48328
  }
48326
48329
 
48327
48330
  .e-tbar-btn-text {
@@ -80724,6 +80727,13 @@ margin: $grid-group-animator-cell-margin;
80724
80727
  }
80725
80728
  }
80726
80729
 
80730
+ .e-rowdragdrop {
80731
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
80732
+ border-width: $grid-rowcell-broder-width;
80733
+ border-color: $grid-dragcell-border-color;
80734
+ }
80735
+ }
80736
+
80727
80737
  .e-rowcell.e-frozen-right-border,
80728
80738
  .e-headercell.e-frozen-right-border,
80729
80739
  .e-filterbarcell.e-frozen-right-border {
@@ -89108,6 +89118,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
89108
89118
  $rte-big-quick-tbar-item-min-height: 36px !default;
89109
89119
  $rte-big-quick-tbar-item-min-width: 36px !default;
89110
89120
  $rte-content-font-size: 14px !default;
89121
+ $rte-big-content-font-size: 16px !default;
89111
89122
  $rte-dropdown-caret-icon-size: 12px !default;
89112
89123
  $rte-big-dropdown-caret-icon-size: 12px !default;
89113
89124
  $rte-toolbar-icon-size: 16px !default;
@@ -89420,6 +89431,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89420
89431
  min-height: 350px;
89421
89432
  }
89422
89433
  }
89434
+ .e-rte-content .e-content {
89435
+ font-size: $rte-big-content-font-size;
89436
+ }
89423
89437
  }
89424
89438
 
89425
89439
  .e-richtexteditor {
@@ -89726,10 +89740,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89726
89740
  position: relative;
89727
89741
  text-align: inherit;
89728
89742
  z-index: 2;
89729
-
89730
- @media screen and (min-width: 992px) {
89731
- font-size: $rte-content-font-size;
89732
- }
89743
+ font-size: $rte-content-font-size;
89733
89744
  }
89734
89745
 
89735
89746
  .e-content p {
@@ -97174,7 +97185,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97174
97185
  padding: $kanban-collapse-header-text-padding;
97175
97186
  position: relative;
97176
97187
  text-overflow: ellipsis;
97177
- text-transform: $kanban-collapse-header-text-transform;
97178
97188
  white-space: nowrap;
97179
97189
  writing-mode: vertical-lr;
97180
97190
 
@@ -101237,8 +101247,6 @@ $pv-eye-icon-margin-top: 3px !default;
101237
101247
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101238
101248
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101239
101249
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101240
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101241
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101242
101250
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101243
101251
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101244
101252
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101259,6 +101267,20 @@ $pv-eye-icon-margin-top: 3px !default;
101259
101267
  color: $pv-item-selection-color;
101260
101268
  }
101261
101269
  }
101270
+
101271
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101272
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101273
+ {
101274
+ @if $skin-name == 'bootstrap4' {
101275
+ color: $pv-icon-color-hover;
101276
+ }
101277
+ @if $skin-name == 'bootstrap5' {
101278
+ color: $pv-icon-color;
101279
+ }
101280
+ @if $skin-name == 'FluentUI' {
101281
+ color: $pv-item-selection-color;
101282
+ }
101283
+ }
101262
101284
 
101263
101285
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101264
101286
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19590,11 +19590,6 @@ $ddl-group-list-item-text-intent: 0 !default;
19590
19590
  cursor: default;
19591
19591
  }
19592
19592
 
19593
- .e-mention .e-mention-chip::selection {
19594
- color: $mention-gradient-color;
19595
- background: $mention-active-font-color;
19596
- }
19597
-
19598
19593
  .e-mention.e-editable-element {
19599
19594
  border: 2px solid $ddl-list-border-color;
19600
19595
  height: auto;
@@ -48339,6 +48334,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48339
48334
 
48340
48335
  .e-tbar-btn-text {
48341
48336
  color: $tbar-btn-text-focus-color;
48337
+
48338
+ @if $skin-name == 'bootstrap5' {
48339
+ color: $tbar-btn-icons-focus-color;
48340
+ }
48342
48341
  }
48343
48342
  }
48344
48343
 
@@ -48352,6 +48351,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48352
48351
 
48353
48352
  .e-icons {
48354
48353
  color: $tbar-btn-icons-focus-color;
48354
+
48355
+ @if $skin-name == 'bootstrap5' {
48356
+ color: $tbar-btn-text-focus-color;
48357
+ }
48355
48358
  }
48356
48359
 
48357
48360
  .e-tbar-btn-text {
@@ -80912,6 +80915,13 @@ margin: $grid-group-animator-cell-margin;
80912
80915
  }
80913
80916
  }
80914
80917
 
80918
+ .e-rowdragdrop {
80919
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
80920
+ border-width: $grid-rowcell-broder-width;
80921
+ border-color: $grid-dragcell-border-color;
80922
+ }
80923
+ }
80924
+
80915
80925
  .e-rowcell.e-frozen-right-border,
80916
80926
  .e-headercell.e-frozen-right-border,
80917
80927
  .e-filterbarcell.e-frozen-right-border {
@@ -89283,6 +89293,7 @@ $rte-insert-dialog-label-padding-bottom: 14px !default;
89283
89293
  $rte-big-quick-tbar-item-min-height: 38px !default;
89284
89294
  $rte-big-quick-tbar-item-min-width: 38px !default;
89285
89295
  $rte-content-font-size: 14px !default;
89296
+ $rte-big-content-font-size: 16px !default;
89286
89297
  $rte-table-popup-bdr-radius: 0 !default;
89287
89298
 
89288
89299
  $rte-inline-dropdown-line-height: 30px !default;
@@ -89734,6 +89745,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89734
89745
  min-height: 350px;
89735
89746
  }
89736
89747
  }
89748
+ .e-rte-content .e-content {
89749
+ font-size: $rte-big-content-font-size;
89750
+ }
89737
89751
  }
89738
89752
 
89739
89753
  .e-richtexteditor {
@@ -90040,10 +90054,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90040
90054
  position: relative;
90041
90055
  text-align: inherit;
90042
90056
  z-index: 2;
90043
-
90044
- @media screen and (min-width: 992px) {
90045
- font-size: $rte-content-font-size;
90046
- }
90057
+ font-size: $rte-content-font-size;
90047
90058
  }
90048
90059
 
90049
90060
  .e-content p {
@@ -97492,7 +97503,6 @@ $kanban-col-expand-collapse-box-shadow: none;
97492
97503
  padding: $kanban-collapse-header-text-padding;
97493
97504
  position: relative;
97494
97505
  text-overflow: ellipsis;
97495
- text-transform: $kanban-collapse-header-text-transform;
97496
97506
  white-space: nowrap;
97497
97507
  writing-mode: vertical-lr;
97498
97508
 
@@ -101602,8 +101612,6 @@ $pv-eye-icon-margin-top: 3px !default;
101602
101612
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101603
101613
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101604
101614
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101605
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101606
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101607
101615
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101608
101616
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101609
101617
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101624,6 +101632,20 @@ $pv-eye-icon-margin-top: 3px !default;
101624
101632
  color: $pv-item-selection-color;
101625
101633
  }
101626
101634
  }
101635
+
101636
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101637
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101638
+ {
101639
+ @if $skin-name == 'bootstrap4' {
101640
+ color: $pv-icon-color-hover;
101641
+ }
101642
+ @if $skin-name == 'bootstrap5' {
101643
+ color: $pv-icon-color;
101644
+ }
101645
+ @if $skin-name == 'FluentUI' {
101646
+ color: $pv-item-selection-color;
101647
+ }
101648
+ }
101627
101649
 
101628
101650
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101629
101651
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19814,11 +19814,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
19814
19814
  cursor: default;
19815
19815
  }
19816
19816
 
19817
- .e-mention .e-mention-chip::selection {
19818
- color: $mention-gradient-color;
19819
- background: $mention-active-font-color;
19820
- }
19821
-
19822
19817
  .e-mention.e-editable-element {
19823
19818
  border: 2px solid $ddl-list-border-color;
19824
19819
  height: auto;
@@ -47560,8 +47555,8 @@ $tbar-btn-icons-focus-color: $icon-color !default;
47560
47555
  $tbar-btn-text-focus-color: $primary-text-color !default;
47561
47556
  $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
47562
47557
  $tbar-btn-hover-border-size: $tbar-border-size !default;
47563
- $tbar-btn-hover-active-icons-color: $tbar-default-icon-color !default;
47564
- $tbar-btn-hover-active-text-color: $content-text-color-alt2 !default;
47558
+ $tbar-btn-hover-active-icons-color: $primary-text-color !default;
47559
+ $tbar-btn-hover-active-text-color: $primary-text-color !default;
47565
47560
  $tbar-btn-overlay-opacity: .5 !default;
47566
47561
  $tbar-btn-active-bg: $tbar-active-bg !default;
47567
47562
  $tbar-btn-active-icons-color: $tbar-default-icon-color !default;
@@ -48714,6 +48709,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48714
48709
 
48715
48710
  .e-tbar-btn-text {
48716
48711
  color: $tbar-btn-text-focus-color;
48712
+
48713
+ @if $skin-name == 'bootstrap5' {
48714
+ color: $tbar-btn-icons-focus-color;
48715
+ }
48717
48716
  }
48718
48717
  }
48719
48718
 
@@ -48727,6 +48726,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48727
48726
 
48728
48727
  .e-icons {
48729
48728
  color: $tbar-btn-icons-focus-color;
48729
+
48730
+ @if $skin-name == 'bootstrap5' {
48731
+ color: $tbar-btn-text-focus-color;
48732
+ }
48730
48733
  }
48731
48734
 
48732
48735
  .e-tbar-btn-text {
@@ -81278,6 +81281,13 @@ margin: $grid-group-animator-cell-margin;
81278
81281
  }
81279
81282
  }
81280
81283
 
81284
+ .e-rowdragdrop {
81285
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81286
+ border-width: $grid-rowcell-broder-width;
81287
+ border-color: $grid-dragcell-border-color;
81288
+ }
81289
+ }
81290
+
81281
81291
  .e-rowcell.e-frozen-right-border,
81282
81292
  .e-headercell.e-frozen-right-border,
81283
81293
  .e-filterbarcell.e-frozen-right-border {
@@ -89580,7 +89590,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
89580
89590
  $rte-insert-dialog-label-padding-bottom: 12px !default;
89581
89591
  $rte-big-quick-tbar-item-min-height: 38px !default;
89582
89592
  $rte-big-quick-tbar-item-min-width: 38px !default;
89583
- $rte-content-font-size: $text-sm !default;
89593
+ $rte-content-font-size: 14px !default;
89594
+ $rte-big-content-font-size: 16px !default;
89584
89595
  $rte-dropdown-caret-icon-size: $text-xs !default;
89585
89596
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
89586
89597
  $font-weight: $font-weight-light !default;
@@ -89911,6 +89922,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89911
89922
  min-height: 350px;
89912
89923
  }
89913
89924
  }
89925
+ .e-rte-content .e-content {
89926
+ font-size: $rte-big-content-font-size;
89927
+ }
89914
89928
  }
89915
89929
 
89916
89930
  .e-richtexteditor {
@@ -90217,10 +90231,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90217
90231
  position: relative;
90218
90232
  text-align: inherit;
90219
90233
  z-index: 2;
90220
-
90221
- @media screen and (min-width: 992px) {
90222
- font-size: $rte-content-font-size;
90223
- }
90234
+ font-size: $rte-content-font-size;
90224
90235
  }
90225
90236
 
90226
90237
  .e-content p {
@@ -97671,7 +97682,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
97671
97682
  padding: $kanban-collapse-header-text-padding;
97672
97683
  position: relative;
97673
97684
  text-overflow: ellipsis;
97674
- text-transform: $kanban-collapse-header-text-transform;
97675
97685
  white-space: nowrap;
97676
97686
  writing-mode: vertical-lr;
97677
97687
 
@@ -101727,8 +101737,6 @@ $pv-eye-icon-margin-top: 3px !default;
101727
101737
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101728
101738
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101729
101739
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101730
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101731
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101732
101740
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101733
101741
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101734
101742
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101749,6 +101757,20 @@ $pv-eye-icon-margin-top: 3px !default;
101749
101757
  color: $pv-item-selection-color;
101750
101758
  }
101751
101759
  }
101760
+
101761
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101762
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101763
+ {
101764
+ @if $skin-name == 'bootstrap4' {
101765
+ color: $pv-icon-color-hover;
101766
+ }
101767
+ @if $skin-name == 'bootstrap5' {
101768
+ color: $pv-icon-color;
101769
+ }
101770
+ @if $skin-name == 'FluentUI' {
101771
+ color: $pv-item-selection-color;
101772
+ }
101773
+ }
101752
101774
 
101753
101775
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101754
101776
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -19814,11 +19814,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
19814
19814
  cursor: default;
19815
19815
  }
19816
19816
 
19817
- .e-mention .e-mention-chip::selection {
19818
- color: $mention-gradient-color;
19819
- background: $mention-active-font-color;
19820
- }
19821
-
19822
19817
  .e-mention.e-editable-element {
19823
19818
  border: 2px solid $ddl-list-border-color;
19824
19819
  height: auto;
@@ -47560,8 +47555,8 @@ $tbar-btn-icons-focus-color: $icon-color !default;
47560
47555
  $tbar-btn-text-focus-color: $primary-text-color !default;
47561
47556
  $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
47562
47557
  $tbar-btn-hover-border-size: $tbar-border-size !default;
47563
- $tbar-btn-hover-active-icons-color: $tbar-default-icon-color !default;
47564
- $tbar-btn-hover-active-text-color: $content-text-color-alt2 !default;
47558
+ $tbar-btn-hover-active-icons-color: $primary-text-color !default;
47559
+ $tbar-btn-hover-active-text-color: $primary-text-color !default;
47565
47560
  $tbar-btn-overlay-opacity: .5 !default;
47566
47561
  $tbar-btn-active-bg: $tbar-active-bg !default;
47567
47562
  $tbar-btn-active-icons-color: $tbar-default-icon-color !default;
@@ -48714,6 +48709,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48714
48709
 
48715
48710
  .e-tbar-btn-text {
48716
48711
  color: $tbar-btn-text-focus-color;
48712
+
48713
+ @if $skin-name == 'bootstrap5' {
48714
+ color: $tbar-btn-icons-focus-color;
48715
+ }
48717
48716
  }
48718
48717
  }
48719
48718
 
@@ -48727,6 +48726,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
48727
48726
 
48728
48727
  .e-icons {
48729
48728
  color: $tbar-btn-icons-focus-color;
48729
+
48730
+ @if $skin-name == 'bootstrap5' {
48731
+ color: $tbar-btn-text-focus-color;
48732
+ }
48730
48733
  }
48731
48734
 
48732
48735
  .e-tbar-btn-text {
@@ -81278,6 +81281,13 @@ margin: $grid-group-animator-cell-margin;
81278
81281
  }
81279
81282
  }
81280
81283
 
81284
+ .e-rowdragdrop {
81285
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
81286
+ border-width: $grid-rowcell-broder-width;
81287
+ border-color: $grid-dragcell-border-color;
81288
+ }
81289
+ }
81290
+
81281
81291
  .e-rowcell.e-frozen-right-border,
81282
81292
  .e-headercell.e-frozen-right-border,
81283
81293
  .e-filterbarcell.e-frozen-right-border {
@@ -89580,7 +89590,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
89580
89590
  $rte-insert-dialog-label-padding-bottom: 12px !default;
89581
89591
  $rte-big-quick-tbar-item-min-height: 38px !default;
89582
89592
  $rte-big-quick-tbar-item-min-width: 38px !default;
89583
- $rte-content-font-size: $text-sm !default;
89593
+ $rte-content-font-size: 14px !default;
89594
+ $rte-big-content-font-size: 16px !default;
89584
89595
  $rte-dropdown-caret-icon-size: $text-xs !default;
89585
89596
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
89586
89597
  $font-weight: $font-weight-light !default;
@@ -89911,6 +89922,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89911
89922
  min-height: 350px;
89912
89923
  }
89913
89924
  }
89925
+ .e-rte-content .e-content {
89926
+ font-size: $rte-big-content-font-size;
89927
+ }
89914
89928
  }
89915
89929
 
89916
89930
  .e-richtexteditor {
@@ -90217,10 +90231,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90217
90231
  position: relative;
90218
90232
  text-align: inherit;
90219
90233
  z-index: 2;
90220
-
90221
- @media screen and (min-width: 992px) {
90222
- font-size: $rte-content-font-size;
90223
- }
90234
+ font-size: $rte-content-font-size;
90224
90235
  }
90225
90236
 
90226
90237
  .e-content p {
@@ -97671,7 +97682,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
97671
97682
  padding: $kanban-collapse-header-text-padding;
97672
97683
  position: relative;
97673
97684
  text-overflow: ellipsis;
97674
- text-transform: $kanban-collapse-header-text-transform;
97675
97685
  white-space: nowrap;
97676
97686
  writing-mode: vertical-lr;
97677
97687
 
@@ -101727,8 +101737,6 @@ $pv-eye-icon-margin-top: 3px !default;
101727
101737
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
101728
101738
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
101729
101739
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
101730
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101731
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101732
101740
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
101733
101741
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101734
101742
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -101749,6 +101757,20 @@ $pv-eye-icon-margin-top: 3px !default;
101749
101757
  color: $pv-item-selection-color;
101750
101758
  }
101751
101759
  }
101760
+
101761
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
101762
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
101763
+ {
101764
+ @if $skin-name == 'bootstrap4' {
101765
+ color: $pv-icon-color-hover;
101766
+ }
101767
+ @if $skin-name == 'bootstrap5' {
101768
+ color: $pv-icon-color;
101769
+ }
101770
+ @if $skin-name == 'FluentUI' {
101771
+ color: $pv-item-selection-color;
101772
+ }
101773
+ }
101752
101774
 
101753
101775
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
101754
101776
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -186,11 +186,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
186
186
  cursor: default;
187
187
  }
188
188
 
189
- .e-mention .e-mention-chip::selection {
190
- color: $mention-gradient-color;
191
- background: $mention-active-font-color;
192
- }
193
-
194
189
  .e-mention.e-editable-element {
195
190
  border: 2px solid $ddl-list-border-color;
196
191
  height: auto;
@@ -186,11 +186,6 @@ $ddl-group-list-item-text-intent: 0 !default;
186
186
  cursor: default;
187
187
  }
188
188
 
189
- .e-mention .e-mention-chip::selection {
190
- color: $mention-gradient-color;
191
- background: $mention-active-font-color;
192
- }
193
-
194
189
  .e-mention.e-editable-element {
195
190
  border: 2px solid $ddl-list-border-color;
196
191
  height: auto;
@@ -193,11 +193,6 @@ $ddl-group-list-item-text-intent: 0 !default;
193
193
  cursor: default;
194
194
  }
195
195
 
196
- .e-mention .e-mention-chip::selection {
197
- color: $mention-gradient-color;
198
- background: $mention-active-font-color;
199
- }
200
-
201
196
  .e-mention.e-editable-element {
202
197
  border: 2px solid $ddl-list-border-color;
203
198
  height: auto;
@@ -220,11 +220,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
220
220
  cursor: default;
221
221
  }
222
222
 
223
- .e-mention .e-mention-chip::selection {
224
- color: $mention-gradient-color;
225
- background: $mention-active-font-color;
226
- }
227
-
228
223
  .e-mention.e-editable-element {
229
224
  border: 2px solid $ddl-list-border-color;
230
225
  height: auto;
@@ -220,11 +220,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
220
220
  cursor: default;
221
221
  }
222
222
 
223
- .e-mention .e-mention-chip::selection {
224
- color: $mention-gradient-color;
225
- background: $mention-active-font-color;
226
- }
227
-
228
223
  .e-mention.e-editable-element {
229
224
  border: 2px solid $ddl-list-border-color;
230
225
  height: auto;
@@ -189,11 +189,6 @@ $ddl-bigger-small-list-header-font-size: 14px !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;
@@ -187,11 +187,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
187
187
  cursor: default;
188
188
  }
189
189
 
190
- .e-mention .e-mention-chip::selection {
191
- color: $mention-gradient-color;
192
- background: $mention-active-font-color;
193
- }
194
-
195
190
  .e-mention.e-editable-element {
196
191
  border: 2px solid $ddl-list-border-color;
197
192
  height: auto;