@syncfusion/blazor-themes 25.1.42 → 25.2.4

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 (109) hide show
  1. package/SCSS-Themes/bds-dark.scss +18 -10
  2. package/SCSS-Themes/bds.scss +18 -10
  3. package/SCSS-Themes/bootstrap-dark.scss +18 -10
  4. package/SCSS-Themes/bootstrap.scss +18 -10
  5. package/SCSS-Themes/bootstrap4.scss +18 -10
  6. package/SCSS-Themes/bootstrap5-dark.scss +18 -10
  7. package/SCSS-Themes/bootstrap5.scss +18 -10
  8. package/SCSS-Themes/fabric-dark.scss +18 -10
  9. package/SCSS-Themes/fabric.scss +18 -10
  10. package/SCSS-Themes/fluent-dark.scss +18 -10
  11. package/SCSS-Themes/fluent.scss +18 -10
  12. package/SCSS-Themes/highcontrast.scss +18 -10
  13. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +2 -2
  14. package/SCSS-Themes/image-editor/image-editor/bds.scss +2 -2
  15. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +2 -2
  16. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +2 -2
  17. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +2 -2
  18. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +2 -2
  19. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +2 -2
  20. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +2 -2
  21. package/SCSS-Themes/image-editor/image-editor/fabric.scss +2 -2
  22. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +2 -2
  23. package/SCSS-Themes/image-editor/image-editor/fluent.scss +2 -2
  24. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +2 -2
  25. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +2 -2
  26. package/SCSS-Themes/image-editor/image-editor/material.scss +2 -2
  27. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +2 -2
  28. package/SCSS-Themes/image-editor/image-editor/material3.scss +2 -2
  29. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +2 -2
  30. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +2 -2
  31. package/SCSS-Themes/material-dark.scss +18 -10
  32. package/SCSS-Themes/material.scss +18 -10
  33. package/SCSS-Themes/material3-dark.scss +18 -10
  34. package/SCSS-Themes/material3.scss +18 -10
  35. package/SCSS-Themes/navigations/context-menu/bds-dark.scss +6 -0
  36. package/SCSS-Themes/navigations/context-menu/bds.scss +6 -0
  37. package/SCSS-Themes/navigations/context-menu/bootstrap-dark.scss +6 -0
  38. package/SCSS-Themes/navigations/context-menu/bootstrap.scss +6 -0
  39. package/SCSS-Themes/navigations/context-menu/bootstrap4.scss +6 -0
  40. package/SCSS-Themes/navigations/context-menu/bootstrap5-dark.scss +6 -0
  41. package/SCSS-Themes/navigations/context-menu/bootstrap5.scss +6 -0
  42. package/SCSS-Themes/navigations/context-menu/fabric-dark.scss +6 -0
  43. package/SCSS-Themes/navigations/context-menu/fabric.scss +6 -0
  44. package/SCSS-Themes/navigations/context-menu/fluent-dark.scss +6 -0
  45. package/SCSS-Themes/navigations/context-menu/fluent.scss +6 -0
  46. package/SCSS-Themes/navigations/context-menu/highcontrast.scss +6 -0
  47. package/SCSS-Themes/navigations/context-menu/material-dark.scss +6 -0
  48. package/SCSS-Themes/navigations/context-menu/material.scss +6 -0
  49. package/SCSS-Themes/navigations/context-menu/material3-dark.scss +6 -0
  50. package/SCSS-Themes/navigations/context-menu/material3.scss +6 -0
  51. package/SCSS-Themes/navigations/context-menu/tailwind-dark.scss +6 -0
  52. package/SCSS-Themes/navigations/context-menu/tailwind.scss +6 -0
  53. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +3 -6
  54. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +3 -6
  55. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +3 -6
  56. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +3 -6
  57. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +3 -6
  58. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +3 -6
  59. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +3 -6
  60. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +3 -6
  61. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +3 -6
  62. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +3 -6
  63. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +3 -6
  64. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +3 -6
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +3 -6
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +3 -6
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +3 -6
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +3 -6
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +3 -6
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +3 -6
  71. package/SCSS-Themes/splitbuttons/button-group/bds-dark.scss +2 -1
  72. package/SCSS-Themes/splitbuttons/button-group/bds.scss +2 -1
  73. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +2 -1
  74. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +2 -1
  75. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +2 -1
  76. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +2 -1
  77. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +2 -1
  78. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +2 -1
  79. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +2 -1
  80. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +2 -1
  81. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +2 -1
  82. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +2 -1
  83. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +2 -1
  84. package/SCSS-Themes/splitbuttons/button-group/material.scss +2 -1
  85. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +2 -1
  86. package/SCSS-Themes/splitbuttons/button-group/material3.scss +2 -1
  87. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +2 -1
  88. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +2 -1
  89. package/SCSS-Themes/tailwind-dark.scss +18 -10
  90. package/SCSS-Themes/tailwind.scss +18 -10
  91. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +5 -1
  92. package/SCSS-Themes/treegrid/treegrid/bds.scss +5 -1
  93. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +5 -1
  94. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +5 -1
  95. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +5 -1
  96. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +5 -1
  97. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +5 -1
  98. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +5 -1
  99. package/SCSS-Themes/treegrid/treegrid/fabric.scss +5 -1
  100. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +5 -1
  101. package/SCSS-Themes/treegrid/treegrid/fluent.scss +5 -1
  102. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +5 -1
  103. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +5 -1
  104. package/SCSS-Themes/treegrid/treegrid/material.scss +5 -1
  105. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +5 -1
  106. package/SCSS-Themes/treegrid/treegrid/material3.scss +5 -1
  107. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +5 -1
  108. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +5 -1
  109. package/package.json +1 -1
@@ -38548,6 +38548,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
38548
38548
  @include bigger-rtl-blank-icon;
38549
38549
  }
38550
38550
  }
38551
+
38552
+ .e-contextmenu-wrapper .e-menu-item {
38553
+ white-space: nowrap;
38554
+ overflow: hidden;
38555
+ text-overflow: ellipsis;
38556
+ }
38551
38557
  }
38552
38558
 
38553
38559
 
@@ -88595,7 +88601,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
88595
88601
  vertical-align: middle;
88596
88602
  }
88597
88603
  }
88598
-
88604
+ .e-cloneproperties .e-treecolumn-container {
88605
+ span {
88606
+ vertical-align: text-top;
88607
+ }
88608
+ }
88599
88609
  .e-hierarchycheckbox .e-frame {
88600
88610
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
88601
88611
  font-size: 10px;
@@ -89410,7 +89420,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
89410
89420
 
89411
89421
  //Focus state for Normal and Outline GroupButton
89412
89422
  .e-btn:focus,
89413
- input:focus-visible+label.e-btn {
89423
+ input:focus-visible+label.e-btn,
89424
+ input:focus+label.e-btn {
89414
89425
  @include button-focus;
89415
89426
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
89416
89427
  box-shadow: none;
@@ -91744,6 +91755,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91744
91755
 
91745
91756
  .e-content table {
91746
91757
  margin-bottom: 10px;
91758
+ border-collapse: collapse;
91759
+ empty-cells: show;
91747
91760
  }
91748
91761
 
91749
91762
  .e-content pre {
@@ -92118,7 +92131,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92118
92131
  margin-right: 5px;
92119
92132
  display: inline-block;
92120
92133
  float: none;
92121
- max-width: calc(100% - (2 * 5px));
92134
+ max-width: 100%;
92122
92135
  padding: 1px;
92123
92136
  vertical-align: bottom;
92124
92137
  }
@@ -92203,11 +92216,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92203
92216
  display: contents;
92204
92217
  }
92205
92218
 
92206
- .e-rte-table {
92207
- border-collapse: collapse;
92208
- empty-cells: show;
92209
- }
92210
-
92211
92219
  .e-rte-table td,
92212
92220
  .e-rte-table th {
92213
92221
  border: 1px solid $rte-table-border-color;
@@ -124093,8 +124101,8 @@ $image-editor-finetune-span: 28% !default;
124093
124101
  }
124094
124102
 
124095
124103
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
124096
- height: 250px;
124097
- overflow-y: scroll;
124104
+ max-height: 250px;
124105
+ overflow-y: auto;
124098
124106
  }
124099
124107
 
124100
124108
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -38828,6 +38828,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
38828
38828
  @include bigger-rtl-blank-icon;
38829
38829
  }
38830
38830
  }
38831
+
38832
+ .e-contextmenu-wrapper .e-menu-item {
38833
+ white-space: nowrap;
38834
+ overflow: hidden;
38835
+ text-overflow: ellipsis;
38836
+ }
38831
38837
  }
38832
38838
 
38833
38839
 
@@ -88875,7 +88881,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
88875
88881
  vertical-align: middle;
88876
88882
  }
88877
88883
  }
88878
-
88884
+ .e-cloneproperties .e-treecolumn-container {
88885
+ span {
88886
+ vertical-align: text-top;
88887
+ }
88888
+ }
88879
88889
  .e-hierarchycheckbox .e-frame {
88880
88890
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
88881
88891
  font-size: 10px;
@@ -89690,7 +89700,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
89690
89700
 
89691
89701
  //Focus state for Normal and Outline GroupButton
89692
89702
  .e-btn:focus,
89693
- input:focus-visible+label.e-btn {
89703
+ input:focus-visible+label.e-btn,
89704
+ input:focus+label.e-btn {
89694
89705
  @include button-focus;
89695
89706
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
89696
89707
  box-shadow: none;
@@ -92024,6 +92035,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92024
92035
 
92025
92036
  .e-content table {
92026
92037
  margin-bottom: 10px;
92038
+ border-collapse: collapse;
92039
+ empty-cells: show;
92027
92040
  }
92028
92041
 
92029
92042
  .e-content pre {
@@ -92398,7 +92411,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92398
92411
  margin-right: 5px;
92399
92412
  display: inline-block;
92400
92413
  float: none;
92401
- max-width: calc(100% - (2 * 5px));
92414
+ max-width: 100%;
92402
92415
  padding: 1px;
92403
92416
  vertical-align: bottom;
92404
92417
  }
@@ -92483,11 +92496,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92483
92496
  display: contents;
92484
92497
  }
92485
92498
 
92486
- .e-rte-table {
92487
- border-collapse: collapse;
92488
- empty-cells: show;
92489
- }
92490
-
92491
92499
  .e-rte-table td,
92492
92500
  .e-rte-table th {
92493
92501
  border: 1px solid $rte-table-border-color;
@@ -124373,8 +124381,8 @@ $image-editor-finetune-span: 28% !default;
124373
124381
  }
124374
124382
 
124375
124383
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
124376
- height: 250px;
124377
- overflow-y: scroll;
124384
+ max-height: 250px;
124385
+ overflow-y: auto;
124378
124386
  }
124379
124387
 
124380
124388
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37448,6 +37448,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
37448
37448
  @include bigger-rtl-blank-icon;
37449
37449
  }
37450
37450
  }
37451
+
37452
+ .e-contextmenu-wrapper .e-menu-item {
37453
+ white-space: nowrap;
37454
+ overflow: hidden;
37455
+ text-overflow: ellipsis;
37456
+ }
37451
37457
  }
37452
37458
 
37453
37459
 
@@ -87110,7 +87116,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
87110
87116
  vertical-align: middle;
87111
87117
  }
87112
87118
  }
87113
-
87119
+ .e-cloneproperties .e-treecolumn-container {
87120
+ span {
87121
+ vertical-align: text-top;
87122
+ }
87123
+ }
87114
87124
  .e-hierarchycheckbox .e-frame {
87115
87125
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
87116
87126
  font-size: 10px;
@@ -87927,7 +87937,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
87927
87937
 
87928
87938
  //Focus state for Normal and Outline GroupButton
87929
87939
  .e-btn:focus,
87930
- input:focus-visible+label.e-btn {
87940
+ input:focus-visible+label.e-btn,
87941
+ input:focus+label.e-btn {
87931
87942
  @include button-focus;
87932
87943
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87933
87944
  box-shadow: none;
@@ -90262,6 +90273,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90262
90273
 
90263
90274
  .e-content table {
90264
90275
  margin-bottom: 10px;
90276
+ border-collapse: collapse;
90277
+ empty-cells: show;
90265
90278
  }
90266
90279
 
90267
90280
  .e-content pre {
@@ -90636,7 +90649,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90636
90649
  margin-right: 5px;
90637
90650
  display: inline-block;
90638
90651
  float: none;
90639
- max-width: calc(100% - (2 * 5px));
90652
+ max-width: 100%;
90640
90653
  padding: 1px;
90641
90654
  vertical-align: bottom;
90642
90655
  }
@@ -90721,11 +90734,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90721
90734
  display: contents;
90722
90735
  }
90723
90736
 
90724
- .e-rte-table {
90725
- border-collapse: collapse;
90726
- empty-cells: show;
90727
- }
90728
-
90729
90737
  .e-rte-table td,
90730
90738
  .e-rte-table th {
90731
90739
  border: 1px solid $rte-table-border-color;
@@ -122598,8 +122606,8 @@ $image-editor-finetune-span: 31% !default;
122598
122606
  }
122599
122607
 
122600
122608
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122601
- height: 250px;
122602
- overflow-y: scroll;
122609
+ max-height: 250px;
122610
+ overflow-y: auto;
122603
122611
  }
122604
122612
 
122605
122613
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37204,6 +37204,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
37204
37204
  @include bigger-rtl-blank-icon;
37205
37205
  }
37206
37206
  }
37207
+
37208
+ .e-contextmenu-wrapper .e-menu-item {
37209
+ white-space: nowrap;
37210
+ overflow: hidden;
37211
+ text-overflow: ellipsis;
37212
+ }
37207
37213
  }
37208
37214
 
37209
37215
 
@@ -86819,7 +86825,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86819
86825
  vertical-align: middle;
86820
86826
  }
86821
86827
  }
86822
-
86828
+ .e-cloneproperties .e-treecolumn-container {
86829
+ span {
86830
+ vertical-align: text-top;
86831
+ }
86832
+ }
86823
86833
  .e-hierarchycheckbox .e-frame {
86824
86834
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
86825
86835
  font-size: 10px;
@@ -87633,7 +87643,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
87633
87643
 
87634
87644
  //Focus state for Normal and Outline GroupButton
87635
87645
  .e-btn:focus,
87636
- input:focus-visible+label.e-btn {
87646
+ input:focus-visible+label.e-btn,
87647
+ input:focus+label.e-btn {
87637
87648
  @include button-focus;
87638
87649
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87639
87650
  box-shadow: none;
@@ -90021,6 +90032,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90021
90032
 
90022
90033
  .e-content table {
90023
90034
  margin-bottom: 10px;
90035
+ border-collapse: collapse;
90036
+ empty-cells: show;
90024
90037
  }
90025
90038
 
90026
90039
  .e-content pre {
@@ -90395,7 +90408,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90395
90408
  margin-right: 5px;
90396
90409
  display: inline-block;
90397
90410
  float: none;
90398
- max-width: calc(100% - (2 * 5px));
90411
+ max-width: 100%;
90399
90412
  padding: 1px;
90400
90413
  vertical-align: bottom;
90401
90414
  }
@@ -90480,11 +90493,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90480
90493
  display: contents;
90481
90494
  }
90482
90495
 
90483
- .e-rte-table {
90484
- border-collapse: collapse;
90485
- empty-cells: show;
90486
- }
90487
-
90488
90496
  .e-rte-table td,
90489
90497
  .e-rte-table th {
90490
90498
  border: 1px solid $rte-table-border-color;
@@ -122337,8 +122345,8 @@ $image-editor-finetune-span: 31% !default;
122337
122345
  }
122338
122346
 
122339
122347
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122340
- height: 250px;
122341
- overflow-y: scroll;
122348
+ max-height: 250px;
122349
+ overflow-y: auto;
122342
122350
  }
122343
122351
 
122344
122352
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37184,6 +37184,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
37184
37184
  @include bigger-rtl-blank-icon;
37185
37185
  }
37186
37186
  }
37187
+
37188
+ .e-contextmenu-wrapper .e-menu-item {
37189
+ white-space: nowrap;
37190
+ overflow: hidden;
37191
+ text-overflow: ellipsis;
37192
+ }
37187
37193
  }
37188
37194
 
37189
37195
 
@@ -87003,7 +87009,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
87003
87009
  vertical-align: middle;
87004
87010
  }
87005
87011
  }
87006
-
87012
+ .e-cloneproperties .e-treecolumn-container {
87013
+ span {
87014
+ vertical-align: text-top;
87015
+ }
87016
+ }
87007
87017
  .e-hierarchycheckbox .e-frame {
87008
87018
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
87009
87019
  font-size: 10px;
@@ -87817,7 +87827,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
87817
87827
 
87818
87828
  //Focus state for Normal and Outline GroupButton
87819
87829
  .e-btn:focus,
87820
- input:focus-visible+label.e-btn {
87830
+ input:focus-visible+label.e-btn,
87831
+ input:focus+label.e-btn {
87821
87832
  @include button-focus;
87822
87833
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87823
87834
  box-shadow: none;
@@ -90332,6 +90343,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90332
90343
 
90333
90344
  .e-content table {
90334
90345
  margin-bottom: 10px;
90346
+ border-collapse: collapse;
90347
+ empty-cells: show;
90335
90348
  }
90336
90349
 
90337
90350
  .e-content pre {
@@ -90706,7 +90719,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90706
90719
  margin-right: 5px;
90707
90720
  display: inline-block;
90708
90721
  float: none;
90709
- max-width: calc(100% - (2 * 5px));
90722
+ max-width: 100%;
90710
90723
  padding: 1px;
90711
90724
  vertical-align: bottom;
90712
90725
  }
@@ -90791,11 +90804,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90791
90804
  display: contents;
90792
90805
  }
90793
90806
 
90794
- .e-rte-table {
90795
- border-collapse: collapse;
90796
- empty-cells: show;
90797
- }
90798
-
90799
90807
  .e-rte-table td,
90800
90808
  .e-rte-table th {
90801
90809
  border: 1px solid $rte-table-border-color;
@@ -122714,8 +122722,8 @@ $image-editor-finetune-span: 31% !default;
122714
122722
  }
122715
122723
 
122716
122724
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122717
- height: 250px;
122718
- overflow-y: scroll;
122725
+ max-height: 250px;
122726
+ overflow-y: auto;
122719
122727
  }
122720
122728
 
122721
122729
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37444,6 +37444,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
37444
37444
  @include bigger-rtl-blank-icon;
37445
37445
  }
37446
37446
  }
37447
+
37448
+ .e-contextmenu-wrapper .e-menu-item {
37449
+ white-space: nowrap;
37450
+ overflow: hidden;
37451
+ text-overflow: ellipsis;
37452
+ }
37447
37453
  }
37448
37454
 
37449
37455
 
@@ -87380,7 +87386,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87380
87386
  vertical-align: middle;
87381
87387
  }
87382
87388
  }
87383
-
87389
+ .e-cloneproperties .e-treecolumn-container {
87390
+ span {
87391
+ vertical-align: text-top;
87392
+ }
87393
+ }
87384
87394
  .e-hierarchycheckbox .e-frame {
87385
87395
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
87386
87396
  font-size: 10px;
@@ -88195,7 +88205,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88195
88205
 
88196
88206
  //Focus state for Normal and Outline GroupButton
88197
88207
  .e-btn:focus,
88198
- input:focus-visible+label.e-btn {
88208
+ input:focus-visible+label.e-btn,
88209
+ input:focus+label.e-btn {
88199
88210
  @include button-focus;
88200
88211
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88201
88212
  box-shadow: none;
@@ -90509,6 +90520,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90509
90520
 
90510
90521
  .e-content table {
90511
90522
  margin-bottom: 10px;
90523
+ border-collapse: collapse;
90524
+ empty-cells: show;
90512
90525
  }
90513
90526
 
90514
90527
  .e-content pre {
@@ -90883,7 +90896,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90883
90896
  margin-right: 5px;
90884
90897
  display: inline-block;
90885
90898
  float: none;
90886
- max-width: calc(100% - (2 * 5px));
90899
+ max-width: 100%;
90887
90900
  padding: 1px;
90888
90901
  vertical-align: bottom;
90889
90902
  }
@@ -90968,11 +90981,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90968
90981
  display: contents;
90969
90982
  }
90970
90983
 
90971
- .e-rte-table {
90972
- border-collapse: collapse;
90973
- empty-cells: show;
90974
- }
90975
-
90976
90984
  .e-rte-table td,
90977
90985
  .e-rte-table th {
90978
90986
  border: 1px solid $rte-table-border-color;
@@ -122861,8 +122869,8 @@ $image-editor-finetune-span: 29% !default;
122861
122869
  }
122862
122870
 
122863
122871
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122864
- height: 250px;
122865
- overflow-y: scroll;
122872
+ max-height: 250px;
122873
+ overflow-y: auto;
122866
122874
  }
122867
122875
 
122868
122876
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37444,6 +37444,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
37444
37444
  @include bigger-rtl-blank-icon;
37445
37445
  }
37446
37446
  }
37447
+
37448
+ .e-contextmenu-wrapper .e-menu-item {
37449
+ white-space: nowrap;
37450
+ overflow: hidden;
37451
+ text-overflow: ellipsis;
37452
+ }
37447
37453
  }
37448
37454
 
37449
37455
 
@@ -87380,7 +87386,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87380
87386
  vertical-align: middle;
87381
87387
  }
87382
87388
  }
87383
-
87389
+ .e-cloneproperties .e-treecolumn-container {
87390
+ span {
87391
+ vertical-align: text-top;
87392
+ }
87393
+ }
87384
87394
  .e-hierarchycheckbox .e-frame {
87385
87395
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
87386
87396
  font-size: 10px;
@@ -88195,7 +88205,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88195
88205
 
88196
88206
  //Focus state for Normal and Outline GroupButton
88197
88207
  .e-btn:focus,
88198
- input:focus-visible+label.e-btn {
88208
+ input:focus-visible+label.e-btn,
88209
+ input:focus+label.e-btn {
88199
88210
  @include button-focus;
88200
88211
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88201
88212
  box-shadow: none;
@@ -90509,6 +90520,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90509
90520
 
90510
90521
  .e-content table {
90511
90522
  margin-bottom: 10px;
90523
+ border-collapse: collapse;
90524
+ empty-cells: show;
90512
90525
  }
90513
90526
 
90514
90527
  .e-content pre {
@@ -90883,7 +90896,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90883
90896
  margin-right: 5px;
90884
90897
  display: inline-block;
90885
90898
  float: none;
90886
- max-width: calc(100% - (2 * 5px));
90899
+ max-width: 100%;
90887
90900
  padding: 1px;
90888
90901
  vertical-align: bottom;
90889
90902
  }
@@ -90968,11 +90981,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90968
90981
  display: contents;
90969
90982
  }
90970
90983
 
90971
- .e-rte-table {
90972
- border-collapse: collapse;
90973
- empty-cells: show;
90974
- }
90975
-
90976
90984
  .e-rte-table td,
90977
90985
  .e-rte-table th {
90978
90986
  border: 1px solid $rte-table-border-color;
@@ -122861,8 +122869,8 @@ $image-editor-finetune-span: 29% !default;
122861
122869
  }
122862
122870
 
122863
122871
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122864
- height: 250px;
122865
- overflow-y: scroll;
122872
+ max-height: 250px;
122873
+ overflow-y: auto;
122866
122874
  }
122867
122875
 
122868
122876
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37297,6 +37297,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
37297
37297
  @include bigger-rtl-blank-icon;
37298
37298
  }
37299
37299
  }
37300
+
37301
+ .e-contextmenu-wrapper .e-menu-item {
37302
+ white-space: nowrap;
37303
+ overflow: hidden;
37304
+ text-overflow: ellipsis;
37305
+ }
37300
37306
  }
37301
37307
 
37302
37308
 
@@ -86958,7 +86964,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86958
86964
  vertical-align: middle;
86959
86965
  }
86960
86966
  }
86961
-
86967
+ .e-cloneproperties .e-treecolumn-container {
86968
+ span {
86969
+ vertical-align: text-top;
86970
+ }
86971
+ }
86962
86972
  .e-hierarchycheckbox .e-frame {
86963
86973
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
86964
86974
  font-size: 10px;
@@ -87775,7 +87785,8 @@ $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
87775
87785
 
87776
87786
  //Focus state for Normal and Outline GroupButton
87777
87787
  .e-btn:focus,
87778
- input:focus-visible+label.e-btn {
87788
+ input:focus-visible+label.e-btn,
87789
+ input:focus+label.e-btn {
87779
87790
  @include button-focus;
87780
87791
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87781
87792
  box-shadow: none;
@@ -90092,6 +90103,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90092
90103
 
90093
90104
  .e-content table {
90094
90105
  margin-bottom: 10px;
90106
+ border-collapse: collapse;
90107
+ empty-cells: show;
90095
90108
  }
90096
90109
 
90097
90110
  .e-content pre {
@@ -90466,7 +90479,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90466
90479
  margin-right: 5px;
90467
90480
  display: inline-block;
90468
90481
  float: none;
90469
- max-width: calc(100% - (2 * 5px));
90482
+ max-width: 100%;
90470
90483
  padding: 1px;
90471
90484
  vertical-align: bottom;
90472
90485
  }
@@ -90551,11 +90564,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90551
90564
  display: contents;
90552
90565
  }
90553
90566
 
90554
- .e-rte-table {
90555
- border-collapse: collapse;
90556
- empty-cells: show;
90557
- }
90558
-
90559
90567
  .e-rte-table td,
90560
90568
  .e-rte-table th {
90561
90569
  border: 1px solid $rte-table-border-color;
@@ -122411,8 +122419,8 @@ $image-editor-finetune-span: 29% !default;
122411
122419
  }
122412
122420
 
122413
122421
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122414
- height: 250px;
122415
- overflow-y: scroll;
122422
+ max-height: 250px;
122423
+ overflow-y: auto;
122416
122424
  }
122417
122425
 
122418
122426
  .e-dropdown-popup.e-ie-ddb-popup {
@@ -37120,6 +37120,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
37120
37120
  @include bigger-rtl-blank-icon;
37121
37121
  }
37122
37122
  }
37123
+
37124
+ .e-contextmenu-wrapper .e-menu-item {
37125
+ white-space: nowrap;
37126
+ overflow: hidden;
37127
+ text-overflow: ellipsis;
37128
+ }
37123
37129
  }
37124
37130
 
37125
37131
 
@@ -86718,7 +86724,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86718
86724
  vertical-align: middle;
86719
86725
  }
86720
86726
  }
86721
-
86727
+ .e-cloneproperties .e-treecolumn-container {
86728
+ span {
86729
+ vertical-align: text-top;
86730
+ }
86731
+ }
86722
86732
  .e-hierarchycheckbox .e-frame {
86723
86733
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
86724
86734
  font-size: 10px;
@@ -87532,7 +87542,8 @@ $btn-grp-outline-focus-danger-color: #fff !default;
87532
87542
 
87533
87543
  //Focus state for Normal and Outline GroupButton
87534
87544
  .e-btn:focus,
87535
- input:focus-visible+label.e-btn {
87545
+ input:focus-visible+label.e-btn,
87546
+ input:focus+label.e-btn {
87536
87547
  @include button-focus;
87537
87548
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87538
87549
  box-shadow: none;
@@ -89844,6 +89855,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89844
89855
 
89845
89856
  .e-content table {
89846
89857
  margin-bottom: 10px;
89858
+ border-collapse: collapse;
89859
+ empty-cells: show;
89847
89860
  }
89848
89861
 
89849
89862
  .e-content pre {
@@ -90218,7 +90231,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90218
90231
  margin-right: 5px;
90219
90232
  display: inline-block;
90220
90233
  float: none;
90221
- max-width: calc(100% - (2 * 5px));
90234
+ max-width: 100%;
90222
90235
  padding: 1px;
90223
90236
  vertical-align: bottom;
90224
90237
  }
@@ -90303,11 +90316,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90303
90316
  display: contents;
90304
90317
  }
90305
90318
 
90306
- .e-rte-table {
90307
- border-collapse: collapse;
90308
- empty-cells: show;
90309
- }
90310
-
90311
90319
  .e-rte-table td,
90312
90320
  .e-rte-table th {
90313
90321
  border: 1px solid $rte-table-border-color;
@@ -122160,8 +122168,8 @@ $image-editor-finetune-span: 29% !default;
122160
122168
  }
122161
122169
 
122162
122170
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
122163
- height: 250px;
122164
- overflow-y: scroll;
122171
+ max-height: 250px;
122172
+ overflow-y: auto;
122165
122173
  }
122166
122174
 
122167
122175
  .e-dropdown-popup.e-ie-ddb-popup {