@syncfusion/blazor-themes 25.2.3 → 25.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/SCSS-Themes/base/bootstrap5-dark.scss +1 -0
  2. package/SCSS-Themes/base/bootstrap5.scss +1 -0
  3. package/SCSS-Themes/bds-dark.scss +10 -5
  4. package/SCSS-Themes/bds.scss +10 -5
  5. package/SCSS-Themes/bootstrap-dark.scss +10 -5
  6. package/SCSS-Themes/bootstrap.scss +10 -5
  7. package/SCSS-Themes/bootstrap4.scss +10 -5
  8. package/SCSS-Themes/bootstrap5-dark.scss +19 -13
  9. package/SCSS-Themes/bootstrap5.scss +19 -13
  10. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +2 -2
  11. package/SCSS-Themes/dropdowns/multi-select/bds.scss +2 -2
  12. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +2 -2
  13. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +2 -2
  14. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +2 -2
  15. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -2
  16. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -2
  17. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +2 -2
  18. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +2 -2
  19. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -2
  20. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -2
  21. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +2 -2
  22. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +2 -2
  23. package/SCSS-Themes/dropdowns/multi-select/material.scss +2 -2
  24. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +10 -7
  25. package/SCSS-Themes/dropdowns/multi-select/material3.scss +10 -7
  26. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -2
  27. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -2
  28. package/SCSS-Themes/fabric-dark.scss +10 -5
  29. package/SCSS-Themes/fabric.scss +10 -5
  30. package/SCSS-Themes/fluent-dark.scss +10 -5
  31. package/SCSS-Themes/fluent.scss +10 -5
  32. package/SCSS-Themes/highcontrast.scss +10 -5
  33. package/SCSS-Themes/material-dark.scss +10 -5
  34. package/SCSS-Themes/material.scss +10 -5
  35. package/SCSS-Themes/material3-dark.scss +18 -10
  36. package/SCSS-Themes/material3.scss +18 -10
  37. package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss +8 -8
  38. package/SCSS-Themes/navigations/accordion/bootstrap5.scss +8 -8
  39. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +1 -1
  40. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +1 -1
  41. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +1 -1
  43. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +1 -1
  48. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +1 -1
  50. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +1 -1
  51. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +1 -1
  52. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +1 -1
  53. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +1 -1
  54. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +1 -1
  55. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +1 -1
  56. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +1 -1
  57. package/SCSS-Themes/splitbuttons/button-group/bds-dark.scss +2 -1
  58. package/SCSS-Themes/splitbuttons/button-group/bds.scss +2 -1
  59. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +2 -1
  60. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +2 -1
  61. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +2 -1
  62. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +2 -1
  63. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +2 -1
  64. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +2 -1
  65. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +2 -1
  66. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +2 -1
  67. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +2 -1
  68. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +2 -1
  69. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +2 -1
  70. package/SCSS-Themes/splitbuttons/button-group/material.scss +2 -1
  71. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +2 -1
  72. package/SCSS-Themes/splitbuttons/button-group/material3.scss +2 -1
  73. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +2 -1
  74. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +2 -1
  75. package/SCSS-Themes/tailwind-dark.scss +10 -5
  76. package/SCSS-Themes/tailwind.scss +10 -5
  77. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +5 -1
  78. package/SCSS-Themes/treegrid/treegrid/bds.scss +5 -1
  79. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +5 -1
  80. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +5 -1
  81. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +5 -1
  82. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +5 -1
  83. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +5 -1
  84. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +5 -1
  85. package/SCSS-Themes/treegrid/treegrid/fabric.scss +5 -1
  86. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +5 -1
  87. package/SCSS-Themes/treegrid/treegrid/fluent.scss +5 -1
  88. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +5 -1
  89. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +5 -1
  90. package/SCSS-Themes/treegrid/treegrid/material.scss +5 -1
  91. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +5 -1
  92. package/SCSS-Themes/treegrid/treegrid/material3.scss +5 -1
  93. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +5 -1
  94. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +5 -1
  95. package/package.json +1 -1
@@ -1322,7 +1322,7 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
1322
1322
  }
1323
1323
  }
1324
1324
 
1325
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1325
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1326
1326
  @if $ddl-multiselect-skin-name == 'Material3' {
1327
1327
  top: 6px;
1328
1328
  }
@@ -1460,7 +1460,7 @@ ejs-multiselect {
1460
1460
  margin-top: $ddl-small-close-hooker-margin-top;
1461
1461
  height: $ddl-small-chip-close-hooker-height;
1462
1462
  width: $ddl-small-chip-close-hooker-width;
1463
- line-height: 2px;
1463
+ line-height: normal;
1464
1464
  }
1465
1465
  }
1466
1466
 
@@ -1260,7 +1260,7 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
1260
1260
  }
1261
1261
  }
1262
1262
 
1263
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1263
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1264
1264
  @if $ddl-multiselect-skin-name == 'Material3' {
1265
1265
  top: 6px;
1266
1266
  }
@@ -1398,7 +1398,7 @@ ejs-multiselect {
1398
1398
  margin-top: $ddl-small-close-hooker-margin-top;
1399
1399
  height: $ddl-small-chip-close-hooker-height;
1400
1400
  width: $ddl-small-chip-close-hooker-width;
1401
- line-height: 2px;
1401
+ line-height: normal;
1402
1402
  }
1403
1403
  }
1404
1404
 
@@ -1253,7 +1253,7 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
1253
1253
  }
1254
1254
  }
1255
1255
 
1256
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1256
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1257
1257
  @if $ddl-multiselect-skin-name == 'Material3' {
1258
1258
  top: 6px;
1259
1259
  }
@@ -1391,7 +1391,7 @@ ejs-multiselect {
1391
1391
  margin-top: $ddl-small-close-hooker-margin-top;
1392
1392
  height: $ddl-small-chip-close-hooker-height;
1393
1393
  width: $ddl-small-chip-close-hooker-width;
1394
- line-height: 2px;
1394
+ line-height: normal;
1395
1395
  }
1396
1396
  }
1397
1397
 
@@ -1265,7 +1265,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
1265
1265
  }
1266
1266
  }
1267
1267
 
1268
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1268
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1269
1269
  @if $ddl-multiselect-skin-name == 'Material3' {
1270
1270
  top: 6px;
1271
1271
  }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
1403
1403
  margin-top: $ddl-small-close-hooker-margin-top;
1404
1404
  height: $ddl-small-chip-close-hooker-height;
1405
1405
  width: $ddl-small-chip-close-hooker-width;
1406
- line-height: 2px;
1406
+ line-height: normal;
1407
1407
  }
1408
1408
  }
1409
1409
 
@@ -3247,7 +3247,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3247
3247
 
3248
3248
  .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3249
3249
  @if $ddl-multiselect-skin-name == 'Material3' {
3250
- content: '\e208';
3250
+ content: '\e7e7';
3251
3251
  font-size: 16px;
3252
3252
  height: 16px;
3253
3253
  margin-top: -8px;
@@ -3258,7 +3258,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3258
3258
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3259
3259
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3260
3260
  @if $ddl-multiselect-skin-name == 'Material3' {
3261
- content: '\e208';
3261
+ content: '\e7e7';
3262
3262
  font-size: 14px;
3263
3263
  height: 14px;
3264
3264
  margin-top: -7px;
@@ -3269,7 +3269,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3269
3269
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3270
3270
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3271
3271
  @if $ddl-multiselect-skin-name == 'Material3' {
3272
- content: '\e208';
3272
+ content: '\e7e7';
3273
3273
  font-size: 20px;
3274
3274
  height: 20px;
3275
3275
  left: 0;
@@ -3283,7 +3283,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3283
3283
  .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3284
3284
  .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3285
3285
  @if $ddl-multiselect-skin-name == 'Material3' {
3286
- content: '\e208';
3286
+ content: '\e7e7';
3287
3287
  font-size: 18px;
3288
3288
  height: 18px;
3289
3289
  left: 0;
@@ -3327,6 +3327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3327
3327
  .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3328
3328
  @if $ddl-multiselect-skin-name == 'Material3' {
3329
3329
  margin: 7px 12px 9px 0;
3330
+ min-height: fit-content;
3330
3331
  }
3331
3332
  }
3332
3333
 
@@ -3560,7 +3561,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3560
3561
  .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
3561
3562
  .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
3562
3563
  .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
3563
- content: '\e208';
3564
+ content: '\e7e7';
3564
3565
  font-size: 16px;
3565
3566
  height: 16px;
3566
3567
  padding: 0;
@@ -3618,6 +3619,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3618
3619
  .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3619
3620
  @if $ddl-multiselect-skin-name == 'Material3' {
3620
3621
  margin: 10px 0 9px;
3622
+ min-height: fit-content;
3621
3623
  }
3622
3624
  }
3623
3625
 
@@ -3651,6 +3653,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3651
3653
  .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3652
3654
  @if $ddl-multiselect-skin-name == 'Material3' {
3653
3655
  margin: 0 12px 4px 0;
3656
+ min-width: fit-content;
3654
3657
  }
3655
3658
  }
3656
3659
 
@@ -1265,7 +1265,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
1265
1265
  }
1266
1266
  }
1267
1267
 
1268
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1268
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1269
1269
  @if $ddl-multiselect-skin-name == 'Material3' {
1270
1270
  top: 6px;
1271
1271
  }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
1403
1403
  margin-top: $ddl-small-close-hooker-margin-top;
1404
1404
  height: $ddl-small-chip-close-hooker-height;
1405
1405
  width: $ddl-small-chip-close-hooker-width;
1406
- line-height: 2px;
1406
+ line-height: normal;
1407
1407
  }
1408
1408
  }
1409
1409
 
@@ -3247,7 +3247,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3247
3247
 
3248
3248
  .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3249
3249
  @if $ddl-multiselect-skin-name == 'Material3' {
3250
- content: '\e208';
3250
+ content: '\e7e7';
3251
3251
  font-size: 16px;
3252
3252
  height: 16px;
3253
3253
  margin-top: -8px;
@@ -3258,7 +3258,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3258
3258
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3259
3259
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3260
3260
  @if $ddl-multiselect-skin-name == 'Material3' {
3261
- content: '\e208';
3261
+ content: '\e7e7';
3262
3262
  font-size: 14px;
3263
3263
  height: 14px;
3264
3264
  margin-top: -7px;
@@ -3269,7 +3269,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3269
3269
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3270
3270
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3271
3271
  @if $ddl-multiselect-skin-name == 'Material3' {
3272
- content: '\e208';
3272
+ content: '\e7e7';
3273
3273
  font-size: 20px;
3274
3274
  height: 20px;
3275
3275
  left: 0;
@@ -3283,7 +3283,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3283
3283
  .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
3284
3284
  .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
3285
3285
  @if $ddl-multiselect-skin-name == 'Material3' {
3286
- content: '\e208';
3286
+ content: '\e7e7';
3287
3287
  font-size: 18px;
3288
3288
  height: 18px;
3289
3289
  left: 0;
@@ -3327,6 +3327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3327
3327
  .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3328
3328
  @if $ddl-multiselect-skin-name == 'Material3' {
3329
3329
  margin: 7px 12px 9px 0;
3330
+ min-height: fit-content;
3330
3331
  }
3331
3332
  }
3332
3333
 
@@ -3560,7 +3561,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3560
3561
  .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
3561
3562
  .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
3562
3563
  .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
3563
- content: '\e208';
3564
+ content: '\e7e7';
3564
3565
  font-size: 16px;
3565
3566
  height: 16px;
3566
3567
  padding: 0;
@@ -3618,6 +3619,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3618
3619
  .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3619
3620
  @if $ddl-multiselect-skin-name == 'Material3' {
3620
3621
  margin: 10px 0 9px;
3622
+ min-height: fit-content;
3621
3623
  }
3622
3624
  }
3623
3625
 
@@ -3651,6 +3653,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3651
3653
  .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3652
3654
  @if $ddl-multiselect-skin-name == 'Material3' {
3653
3655
  margin: 0 12px 4px 0;
3656
+ min-width: fit-content;
3654
3657
  }
3655
3658
  }
3656
3659
 
@@ -1254,7 +1254,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1254
1254
  }
1255
1255
  }
1256
1256
 
1257
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1257
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1258
1258
  @if $ddl-multiselect-skin-name == 'Material3' {
1259
1259
  top: 6px;
1260
1260
  }
@@ -1392,7 +1392,7 @@ ejs-multiselect {
1392
1392
  margin-top: $ddl-small-close-hooker-margin-top;
1393
1393
  height: $ddl-small-chip-close-hooker-height;
1394
1394
  width: $ddl-small-chip-close-hooker-width;
1395
- line-height: 2px;
1395
+ line-height: normal;
1396
1396
  }
1397
1397
  }
1398
1398
 
@@ -1254,7 +1254,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1254
1254
  }
1255
1255
  }
1256
1256
 
1257
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1257
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1258
1258
  @if $ddl-multiselect-skin-name == 'Material3' {
1259
1259
  top: 6px;
1260
1260
  }
@@ -1392,7 +1392,7 @@ ejs-multiselect {
1392
1392
  margin-top: $ddl-small-close-hooker-margin-top;
1393
1393
  height: $ddl-small-chip-close-hooker-height;
1394
1394
  width: $ddl-small-chip-close-hooker-width;
1395
- line-height: 2px;
1395
+ line-height: normal;
1396
1396
  }
1397
1397
  }
1398
1398
 
@@ -61681,7 +61681,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
61681
61681
  }
61682
61682
  }
61683
61683
 
61684
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
61684
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
61685
61685
  @if $ddl-multiselect-skin-name == 'Material3' {
61686
61686
  top: 6px;
61687
61687
  }
@@ -61819,7 +61819,7 @@ ejs-multiselect {
61819
61819
  margin-top: $ddl-small-close-hooker-margin-top;
61820
61820
  height: $ddl-small-chip-close-hooker-height;
61821
61821
  width: $ddl-small-chip-close-hooker-width;
61822
- line-height: 2px;
61822
+ line-height: normal;
61823
61823
  }
61824
61824
  }
61825
61825
 
@@ -86964,7 +86964,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86964
86964
  vertical-align: middle;
86965
86965
  }
86966
86966
  }
86967
-
86967
+ .e-cloneproperties .e-treecolumn-container {
86968
+ span {
86969
+ vertical-align: text-top;
86970
+ }
86971
+ }
86968
86972
  .e-hierarchycheckbox .e-frame {
86969
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' {
86970
86974
  font-size: 10px;
@@ -87781,7 +87785,8 @@ $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
87781
87785
 
87782
87786
  //Focus state for Normal and Outline GroupButton
87783
87787
  .e-btn:focus,
87784
- input:focus-visible+label.e-btn {
87788
+ input:focus-visible+label.e-btn,
87789
+ input:focus+label.e-btn {
87785
87790
  @include button-focus;
87786
87791
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87787
87792
  box-shadow: none;
@@ -90474,7 +90479,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90474
90479
  margin-right: 5px;
90475
90480
  display: inline-block;
90476
90481
  float: none;
90477
- max-width: calc(100% - (2 * 5px));
90482
+ max-width: 100%;
90478
90483
  padding: 1px;
90479
90484
  vertical-align: bottom;
90480
90485
  }
@@ -61447,7 +61447,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
61447
61447
  }
61448
61448
  }
61449
61449
 
61450
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
61450
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
61451
61451
  @if $ddl-multiselect-skin-name == 'Material3' {
61452
61452
  top: 6px;
61453
61453
  }
@@ -61585,7 +61585,7 @@ ejs-multiselect {
61585
61585
  margin-top: $ddl-small-close-hooker-margin-top;
61586
61586
  height: $ddl-small-chip-close-hooker-height;
61587
61587
  width: $ddl-small-chip-close-hooker-width;
61588
- line-height: 2px;
61588
+ line-height: normal;
61589
61589
  }
61590
61590
  }
61591
61591
 
@@ -86724,7 +86724,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86724
86724
  vertical-align: middle;
86725
86725
  }
86726
86726
  }
86727
-
86727
+ .e-cloneproperties .e-treecolumn-container {
86728
+ span {
86729
+ vertical-align: text-top;
86730
+ }
86731
+ }
86728
86732
  .e-hierarchycheckbox .e-frame {
86729
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' {
86730
86734
  font-size: 10px;
@@ -87538,7 +87542,8 @@ $btn-grp-outline-focus-danger-color: #fff !default;
87538
87542
 
87539
87543
  //Focus state for Normal and Outline GroupButton
87540
87544
  .e-btn:focus,
87541
- input:focus-visible+label.e-btn {
87545
+ input:focus-visible+label.e-btn,
87546
+ input:focus+label.e-btn {
87542
87547
  @include button-focus;
87543
87548
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87544
87549
  box-shadow: none;
@@ -90226,7 +90231,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90226
90231
  margin-right: 5px;
90227
90232
  display: inline-block;
90228
90233
  float: none;
90229
- max-width: calc(100% - (2 * 5px));
90234
+ max-width: 100%;
90230
90235
  padding: 1px;
90231
90236
  vertical-align: bottom;
90232
90237
  }
@@ -62114,7 +62114,7 @@ $ddl-small-clear-icon-width: 12px !default;
62114
62114
  }
62115
62115
  }
62116
62116
 
62117
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
62117
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
62118
62118
  @if $ddl-multiselect-skin-name == 'Material3' {
62119
62119
  top: 6px;
62120
62120
  }
@@ -62252,7 +62252,7 @@ ejs-multiselect {
62252
62252
  margin-top: $ddl-small-close-hooker-margin-top;
62253
62253
  height: $ddl-small-chip-close-hooker-height;
62254
62254
  width: $ddl-small-chip-close-hooker-width;
62255
- line-height: 2px;
62255
+ line-height: normal;
62256
62256
  }
62257
62257
  }
62258
62258
 
@@ -87566,7 +87566,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87566
87566
  vertical-align: middle;
87567
87567
  }
87568
87568
  }
87569
-
87569
+ .e-cloneproperties .e-treecolumn-container {
87570
+ span {
87571
+ vertical-align: text-top;
87572
+ }
87573
+ }
87570
87574
  .e-hierarchycheckbox .e-frame {
87571
87575
  @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' {
87572
87576
  font-size: 10px;
@@ -88381,7 +88385,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88381
88385
 
88382
88386
  //Focus state for Normal and Outline GroupButton
88383
88387
  .e-btn:focus,
88384
- input:focus-visible+label.e-btn {
88388
+ input:focus-visible+label.e-btn,
88389
+ input:focus+label.e-btn {
88385
88390
  @include button-focus;
88386
88391
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88387
88392
  box-shadow: none;
@@ -91072,7 +91077,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
91072
91077
  margin-right: 5px;
91073
91078
  display: inline-block;
91074
91079
  float: none;
91075
- max-width: calc(100% - (2 * 5px));
91080
+ max-width: 100%;
91076
91081
  padding: 1px;
91077
91082
  vertical-align: bottom;
91078
91083
  }
@@ -62115,7 +62115,7 @@ $ddl-small-clear-icon-width: 12px !default;
62115
62115
  }
62116
62116
  }
62117
62117
 
62118
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
62118
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
62119
62119
  @if $ddl-multiselect-skin-name == 'Material3' {
62120
62120
  top: 6px;
62121
62121
  }
@@ -62253,7 +62253,7 @@ ejs-multiselect {
62253
62253
  margin-top: $ddl-small-close-hooker-margin-top;
62254
62254
  height: $ddl-small-chip-close-hooker-height;
62255
62255
  width: $ddl-small-chip-close-hooker-width;
62256
- line-height: 2px;
62256
+ line-height: normal;
62257
62257
  }
62258
62258
  }
62259
62259
 
@@ -87567,7 +87567,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87567
87567
  vertical-align: middle;
87568
87568
  }
87569
87569
  }
87570
-
87570
+ .e-cloneproperties .e-treecolumn-container {
87571
+ span {
87572
+ vertical-align: text-top;
87573
+ }
87574
+ }
87571
87575
  .e-hierarchycheckbox .e-frame {
87572
87576
  @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' {
87573
87577
  font-size: 10px;
@@ -88382,7 +88386,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88382
88386
 
88383
88387
  //Focus state for Normal and Outline GroupButton
88384
88388
  .e-btn:focus,
88385
- input:focus-visible+label.e-btn {
88389
+ input:focus-visible+label.e-btn,
88390
+ input:focus+label.e-btn {
88386
88391
  @include button-focus;
88387
88392
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88388
88393
  box-shadow: none;
@@ -91073,7 +91078,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
91073
91078
  margin-right: 5px;
91074
91079
  display: inline-block;
91075
91080
  float: none;
91076
- max-width: calc(100% - (2 * 5px));
91081
+ max-width: 100%;
91077
91082
  padding: 1px;
91078
91083
  vertical-align: bottom;
91079
91084
  }
@@ -61705,7 +61705,7 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
61705
61705
  }
61706
61706
  }
61707
61707
 
61708
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
61708
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
61709
61709
  @if $ddl-multiselect-skin-name == 'Material3' {
61710
61710
  top: 6px;
61711
61711
  }
@@ -61843,7 +61843,7 @@ ejs-multiselect {
61843
61843
  margin-top: $ddl-small-close-hooker-margin-top;
61844
61844
  height: $ddl-small-chip-close-hooker-height;
61845
61845
  width: $ddl-small-chip-close-hooker-width;
61846
- line-height: 2px;
61846
+ line-height: normal;
61847
61847
  }
61848
61848
  }
61849
61849
 
@@ -86974,7 +86974,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86974
86974
  vertical-align: middle;
86975
86975
  }
86976
86976
  }
86977
-
86977
+ .e-cloneproperties .e-treecolumn-container {
86978
+ span {
86979
+ vertical-align: text-top;
86980
+ }
86981
+ }
86978
86982
  .e-hierarchycheckbox .e-frame {
86979
86983
  @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' {
86980
86984
  font-size: 10px;
@@ -87790,7 +87794,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
87790
87794
 
87791
87795
  //Focus state for Normal and Outline GroupButton
87792
87796
  .e-btn:focus,
87793
- input:focus-visible+label.e-btn {
87797
+ input:focus-visible+label.e-btn,
87798
+ input:focus+label.e-btn {
87794
87799
  @include button-focus;
87795
87800
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
87796
87801
  box-shadow: none;
@@ -90478,7 +90483,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
90478
90483
  margin-right: 5px;
90479
90484
  display: inline-block;
90480
90485
  float: none;
90481
- max-width: calc(100% - (2 * 5px));
90486
+ max-width: 100%;
90482
90487
  padding: 1px;
90483
90488
  vertical-align: bottom;
90484
90489
  }
@@ -62314,7 +62314,7 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
62314
62314
  }
62315
62315
  }
62316
62316
 
62317
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
62317
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
62318
62318
  @if $ddl-multiselect-skin-name == 'Material3' {
62319
62319
  top: 6px;
62320
62320
  }
@@ -62452,7 +62452,7 @@ ejs-multiselect {
62452
62452
  margin-top: $ddl-small-close-hooker-margin-top;
62453
62453
  height: $ddl-small-chip-close-hooker-height;
62454
62454
  width: $ddl-small-chip-close-hooker-width;
62455
- line-height: 2px;
62455
+ line-height: normal;
62456
62456
  }
62457
62457
  }
62458
62458
 
@@ -88286,7 +88286,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
88286
88286
  vertical-align: middle;
88287
88287
  }
88288
88288
  }
88289
-
88289
+ .e-cloneproperties .e-treecolumn-container {
88290
+ span {
88291
+ vertical-align: text-top;
88292
+ }
88293
+ }
88290
88294
  .e-hierarchycheckbox .e-frame {
88291
88295
  @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' {
88292
88296
  font-size: 10px;
@@ -89103,7 +89107,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
89103
89107
 
89104
89108
  //Focus state for Normal and Outline GroupButton
89105
89109
  .e-btn:focus,
89106
- input:focus-visible+label.e-btn {
89110
+ input:focus-visible+label.e-btn,
89111
+ input:focus+label.e-btn {
89107
89112
  @include button-focus;
89108
89113
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
89109
89114
  box-shadow: none;
@@ -91799,7 +91804,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91799
91804
  margin-right: 5px;
91800
91805
  display: inline-block;
91801
91806
  float: none;
91802
- max-width: calc(100% - (2 * 5px));
91807
+ max-width: 100%;
91803
91808
  padding: 1px;
91804
91809
  vertical-align: bottom;
91805
91810
  }
@@ -62049,7 +62049,7 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
62049
62049
  }
62050
62050
  }
62051
62051
 
62052
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
62052
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
62053
62053
  @if $ddl-multiselect-skin-name == 'Material3' {
62054
62054
  top: 6px;
62055
62055
  }
@@ -62187,7 +62187,7 @@ ejs-multiselect {
62187
62187
  margin-top: $ddl-small-close-hooker-margin-top;
62188
62188
  height: $ddl-small-chip-close-hooker-height;
62189
62189
  width: $ddl-small-chip-close-hooker-width;
62190
- line-height: 2px;
62190
+ line-height: normal;
62191
62191
  }
62192
62192
  }
62193
62193
 
@@ -88008,7 +88008,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
88008
88008
  vertical-align: middle;
88009
88009
  }
88010
88010
  }
88011
-
88011
+ .e-cloneproperties .e-treecolumn-container {
88012
+ span {
88013
+ vertical-align: text-top;
88014
+ }
88015
+ }
88012
88016
  .e-hierarchycheckbox .e-frame {
88013
88017
  @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' {
88014
88018
  font-size: 10px;
@@ -88822,7 +88826,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88822
88826
 
88823
88827
  //Focus state for Normal and Outline GroupButton
88824
88828
  .e-btn:focus,
88825
- input:focus-visible+label.e-btn {
88829
+ input:focus-visible+label.e-btn,
88830
+ input:focus+label.e-btn {
88826
88831
  @include button-focus;
88827
88832
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88828
88833
  box-shadow: none;
@@ -91513,7 +91518,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91513
91518
  margin-right: 5px;
91514
91519
  display: inline-block;
91515
91520
  float: none;
91516
- max-width: calc(100% - (2 * 5px));
91521
+ max-width: 100%;
91517
91522
  padding: 1px;
91518
91523
  vertical-align: bottom;
91519
91524
  }