@syncfusion/blazor-themes 26.2.10 → 26.2.11

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/bds-dark.scss +38 -19
  2. package/SCSS-Themes/bds.scss +38 -19
  3. package/SCSS-Themes/bootstrap-dark.scss +39 -20
  4. package/SCSS-Themes/bootstrap.scss +39 -20
  5. package/SCSS-Themes/bootstrap4.scss +39 -20
  6. package/SCSS-Themes/bootstrap5-dark.scss +38 -19
  7. package/SCSS-Themes/bootstrap5.scss +38 -19
  8. package/SCSS-Themes/documenteditor/document-editor/bds-dark.scss +3 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bds.scss +3 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +3 -0
  11. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +3 -0
  12. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +3 -0
  13. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +3 -0
  14. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +3 -0
  15. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +3 -0
  16. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +3 -0
  17. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +3 -0
  18. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +3 -0
  19. package/SCSS-Themes/documenteditor/document-editor/fluent2-dark.scss +3 -0
  20. package/SCSS-Themes/documenteditor/document-editor/fluent2.scss +3 -0
  21. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +3 -0
  22. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +3 -0
  23. package/SCSS-Themes/documenteditor/document-editor/material.scss +3 -0
  24. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +3 -0
  25. package/SCSS-Themes/documenteditor/document-editor/material3.scss +3 -0
  26. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +3 -0
  27. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +3 -0
  28. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +5 -0
  29. package/SCSS-Themes/dropdowns/multi-select/material.scss +6 -1
  30. package/SCSS-Themes/fabric-dark.scss +39 -20
  31. package/SCSS-Themes/fabric.scss +39 -20
  32. package/SCSS-Themes/fluent-dark.scss +38 -19
  33. package/SCSS-Themes/fluent.scss +38 -19
  34. package/SCSS-Themes/fluent2-dark.scss +38 -19
  35. package/SCSS-Themes/fluent2.scss +38 -19
  36. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +1 -1
  37. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +1 -1
  38. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +1 -1
  39. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +1 -1
  40. package/SCSS-Themes/grids/excel-filter/fabric.scss +1 -1
  41. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +1 -1
  42. package/SCSS-Themes/grids/excel-filter/material-dark.scss +1 -1
  43. package/SCSS-Themes/grids/excel-filter/material.scss +1 -1
  44. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +1 -1
  45. package/SCSS-Themes/grids/excel-filter/tailwind.scss +1 -1
  46. package/SCSS-Themes/grids/grid/bds-dark.scss +7 -2
  47. package/SCSS-Themes/grids/grid/bds.scss +7 -2
  48. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -2
  49. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -2
  50. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -2
  51. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -2
  52. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -2
  53. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -2
  54. package/SCSS-Themes/grids/grid/fabric.scss +7 -2
  55. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -2
  56. package/SCSS-Themes/grids/grid/fluent.scss +7 -2
  57. package/SCSS-Themes/grids/grid/fluent2-dark.scss +7 -2
  58. package/SCSS-Themes/grids/grid/fluent2.scss +7 -2
  59. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -2
  60. package/SCSS-Themes/grids/grid/material-dark.scss +7 -2
  61. package/SCSS-Themes/grids/grid/material.scss +7 -2
  62. package/SCSS-Themes/grids/grid/material3-dark.scss +8 -3
  63. package/SCSS-Themes/grids/grid/material3.scss +8 -3
  64. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -2
  65. package/SCSS-Themes/grids/grid/tailwind.scss +7 -2
  66. package/SCSS-Themes/highcontrast.scss +39 -20
  67. package/SCSS-Themes/inputs/input/bds-dark.scss +25 -16
  68. package/SCSS-Themes/inputs/input/bds.scss +25 -16
  69. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +25 -16
  70. package/SCSS-Themes/inputs/input/bootstrap.scss +25 -16
  71. package/SCSS-Themes/inputs/input/bootstrap4.scss +25 -16
  72. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +25 -16
  73. package/SCSS-Themes/inputs/input/bootstrap5.scss +25 -16
  74. package/SCSS-Themes/inputs/input/fabric-dark.scss +25 -16
  75. package/SCSS-Themes/inputs/input/fabric.scss +25 -16
  76. package/SCSS-Themes/inputs/input/fluent-dark.scss +25 -16
  77. package/SCSS-Themes/inputs/input/fluent.scss +25 -16
  78. package/SCSS-Themes/inputs/input/fluent2-dark.scss +25 -16
  79. package/SCSS-Themes/inputs/input/fluent2.scss +25 -16
  80. package/SCSS-Themes/inputs/input/highcontrast.scss +25 -16
  81. package/SCSS-Themes/inputs/input/material-dark.scss +25 -16
  82. package/SCSS-Themes/inputs/input/material.scss +25 -16
  83. package/SCSS-Themes/inputs/input/material3-dark.scss +25 -16
  84. package/SCSS-Themes/inputs/input/material3.scss +25 -16
  85. package/SCSS-Themes/inputs/input/tailwind-dark.scss +25 -16
  86. package/SCSS-Themes/inputs/input/tailwind.scss +25 -16
  87. package/SCSS-Themes/material-dark.scss +49 -25
  88. package/SCSS-Themes/material.scss +50 -26
  89. package/SCSS-Themes/material3-dark.scss +43 -24
  90. package/SCSS-Themes/material3.scss +43 -24
  91. package/SCSS-Themes/notifications/toast/bds-dark.scss +3 -1
  92. package/SCSS-Themes/notifications/toast/bds.scss +3 -1
  93. package/SCSS-Themes/notifications/toast/bootstrap-dark.scss +3 -1
  94. package/SCSS-Themes/notifications/toast/bootstrap.scss +3 -1
  95. package/SCSS-Themes/notifications/toast/bootstrap4.scss +3 -1
  96. package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss +3 -1
  97. package/SCSS-Themes/notifications/toast/bootstrap5.scss +3 -1
  98. package/SCSS-Themes/notifications/toast/fabric-dark.scss +3 -1
  99. package/SCSS-Themes/notifications/toast/fabric.scss +3 -1
  100. package/SCSS-Themes/notifications/toast/fluent-dark.scss +3 -1
  101. package/SCSS-Themes/notifications/toast/fluent.scss +3 -1
  102. package/SCSS-Themes/notifications/toast/fluent2-dark.scss +3 -1
  103. package/SCSS-Themes/notifications/toast/fluent2.scss +3 -1
  104. package/SCSS-Themes/notifications/toast/highcontrast.scss +3 -1
  105. package/SCSS-Themes/notifications/toast/material-dark.scss +8 -6
  106. package/SCSS-Themes/notifications/toast/material.scss +8 -6
  107. package/SCSS-Themes/notifications/toast/material3-dark.scss +7 -5
  108. package/SCSS-Themes/notifications/toast/material3.scss +7 -5
  109. package/SCSS-Themes/notifications/toast/tailwind-dark.scss +3 -1
  110. package/SCSS-Themes/notifications/toast/tailwind.scss +3 -1
  111. package/SCSS-Themes/tailwind-dark.scss +39 -20
  112. package/SCSS-Themes/tailwind.scss +39 -20
  113. package/package.json +1 -1
@@ -11612,37 +11612,46 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
11612
11612
  }
11613
11613
  }
11614
11614
 
11615
- .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11616
- .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11617
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11618
11615
  input.e-input#{$css}:-moz-placeholder,
11616
+ input.e-input#{$css}:-moz-placeholder,
11617
+ textarea.e-input#{$css}:-moz-placeholder,
11618
+ input.e-input#{$css}::-moz-placeholder,
11619
+ textarea.e-input#{$css}::-moz-placeholder,
11619
11620
  .e-input-group input.e-input:-moz-placeholder,
11620
11621
  .e-input-group input.e-input:-moz-placeholder,
11621
11622
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11622
- input.e-input#{$css}:-moz-placeholder,
11623
11623
  .e-input-group input.e-input:-moz-placeholder,
11624
11624
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11625
- textarea.e-input#{$css}:-moz-placeholder,
11626
11625
  .e-input-group textarea.e-input:-moz-placeholder,
11627
11626
  .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
11628
- input.e-input#{$css}::-moz-placeholder,
11629
11627
  .e-input-group input.e-input::-moz-placeholder,
11630
11628
  .e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
11631
- textarea.e-input#{$css}::-moz-placeholder,
11632
11629
  .e-input-group textarea.e-input::-moz-placeholder,
11633
- .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
11630
+ .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
11631
+ color: $input-placeholder;
11632
+ }
11633
+
11634
+ input.e-input#{$css}::-webkit-input-placeholder,
11635
+ textarea.e-input#{$css}::-webkit-input-placeholder,
11636
+ .e-input-group input.e-input::-webkit-input-placeholder,
11637
+ .e-input-group textarea.e-input::-webkit-input-placeholder,
11638
+ .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11639
+ .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
11640
+ color: $input-placeholder;
11641
+ }
11642
+
11634
11643
  input.e-input#{$css}:-ms-input-placeholder,
11644
+ textarea.e-input#{$css}:-ms-input-placeholder,
11635
11645
  .e-input-group input.e-input:-ms-input-placeholder,
11636
11646
  .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
11637
- textarea.e-input#{$css}:-ms-input-placeholder,
11638
11647
  .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
11639
- .e-input-group textarea.e-input:-ms-input-placeholder,
11640
- input.e-input#{$css}::-webkit-input-placeholder,
11641
- .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11642
- .e-input-group input.e-input::-webkit-input-placeholder,
11643
- textarea.e-input#{$css}::-webkit-input-placeholder,
11644
- .e-input-group textarea.e-input::-webkit-input-placeholder,
11645
- .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
11648
+ .e-input-group textarea.e-input:-ms-input-placeholder {
11649
+ color: $input-placeholder;
11650
+ }
11651
+
11652
+ .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11653
+ .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11654
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11646
11655
  .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11647
11656
  .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11648
11657
  .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
@@ -11404,37 +11404,46 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11404
11404
  }
11405
11405
  }
11406
11406
 
11407
- .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11408
- .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11409
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11410
11407
  input.e-input#{$css}:-moz-placeholder,
11408
+ input.e-input#{$css}:-moz-placeholder,
11409
+ textarea.e-input#{$css}:-moz-placeholder,
11410
+ input.e-input#{$css}::-moz-placeholder,
11411
+ textarea.e-input#{$css}::-moz-placeholder,
11411
11412
  .e-input-group input.e-input:-moz-placeholder,
11412
11413
  .e-input-group input.e-input:-moz-placeholder,
11413
11414
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11414
- input.e-input#{$css}:-moz-placeholder,
11415
11415
  .e-input-group input.e-input:-moz-placeholder,
11416
11416
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11417
- textarea.e-input#{$css}:-moz-placeholder,
11418
11417
  .e-input-group textarea.e-input:-moz-placeholder,
11419
11418
  .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
11420
- input.e-input#{$css}::-moz-placeholder,
11421
11419
  .e-input-group input.e-input::-moz-placeholder,
11422
11420
  .e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
11423
- textarea.e-input#{$css}::-moz-placeholder,
11424
11421
  .e-input-group textarea.e-input::-moz-placeholder,
11425
- .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
11422
+ .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
11423
+ color: $input-placeholder;
11424
+ }
11425
+
11426
+ input.e-input#{$css}::-webkit-input-placeholder,
11427
+ textarea.e-input#{$css}::-webkit-input-placeholder,
11428
+ .e-input-group input.e-input::-webkit-input-placeholder,
11429
+ .e-input-group textarea.e-input::-webkit-input-placeholder,
11430
+ .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11431
+ .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
11432
+ color: $input-placeholder;
11433
+ }
11434
+
11426
11435
  input.e-input#{$css}:-ms-input-placeholder,
11436
+ textarea.e-input#{$css}:-ms-input-placeholder,
11427
11437
  .e-input-group input.e-input:-ms-input-placeholder,
11428
11438
  .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
11429
- textarea.e-input#{$css}:-ms-input-placeholder,
11430
11439
  .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
11431
- .e-input-group textarea.e-input:-ms-input-placeholder,
11432
- input.e-input#{$css}::-webkit-input-placeholder,
11433
- .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11434
- .e-input-group input.e-input::-webkit-input-placeholder,
11435
- textarea.e-input#{$css}::-webkit-input-placeholder,
11436
- .e-input-group textarea.e-input::-webkit-input-placeholder,
11437
- .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
11440
+ .e-input-group textarea.e-input:-ms-input-placeholder {
11441
+ color: $input-placeholder;
11442
+ }
11443
+
11444
+ .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11445
+ .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11446
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11438
11447
  .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11439
11448
  .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11440
11449
  .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
@@ -11404,37 +11404,46 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11404
11404
  }
11405
11405
  }
11406
11406
 
11407
- .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11408
- .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11409
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11410
11407
  input.e-input#{$css}:-moz-placeholder,
11408
+ input.e-input#{$css}:-moz-placeholder,
11409
+ textarea.e-input#{$css}:-moz-placeholder,
11410
+ input.e-input#{$css}::-moz-placeholder,
11411
+ textarea.e-input#{$css}::-moz-placeholder,
11411
11412
  .e-input-group input.e-input:-moz-placeholder,
11412
11413
  .e-input-group input.e-input:-moz-placeholder,
11413
11414
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11414
- input.e-input#{$css}:-moz-placeholder,
11415
11415
  .e-input-group input.e-input:-moz-placeholder,
11416
11416
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
11417
- textarea.e-input#{$css}:-moz-placeholder,
11418
11417
  .e-input-group textarea.e-input:-moz-placeholder,
11419
11418
  .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
11420
- input.e-input#{$css}::-moz-placeholder,
11421
11419
  .e-input-group input.e-input::-moz-placeholder,
11422
11420
  .e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
11423
- textarea.e-input#{$css}::-moz-placeholder,
11424
11421
  .e-input-group textarea.e-input::-moz-placeholder,
11425
- .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
11422
+ .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
11423
+ color: $input-placeholder;
11424
+ }
11425
+
11426
+ input.e-input#{$css}::-webkit-input-placeholder,
11427
+ textarea.e-input#{$css}::-webkit-input-placeholder,
11428
+ .e-input-group input.e-input::-webkit-input-placeholder,
11429
+ .e-input-group textarea.e-input::-webkit-input-placeholder,
11430
+ .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11431
+ .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
11432
+ color: $input-placeholder;
11433
+ }
11434
+
11426
11435
  input.e-input#{$css}:-ms-input-placeholder,
11436
+ textarea.e-input#{$css}:-ms-input-placeholder,
11427
11437
  .e-input-group input.e-input:-ms-input-placeholder,
11428
11438
  .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
11429
- textarea.e-input#{$css}:-ms-input-placeholder,
11430
11439
  .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
11431
- .e-input-group textarea.e-input:-ms-input-placeholder,
11432
- input.e-input#{$css}::-webkit-input-placeholder,
11433
- .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
11434
- .e-input-group input.e-input::-webkit-input-placeholder,
11435
- textarea.e-input#{$css}::-webkit-input-placeholder,
11436
- .e-input-group textarea.e-input::-webkit-input-placeholder,
11437
- .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
11440
+ .e-input-group textarea.e-input:-ms-input-placeholder {
11441
+ color: $input-placeholder;
11442
+ }
11443
+
11444
+ .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11445
+ .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11446
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11438
11447
  .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11439
11448
  .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
11440
11449
  .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
@@ -14824,37 +14824,46 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
14824
14824
  }
14825
14825
  }
14826
14826
 
14827
- .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14828
- .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14829
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14830
14827
  input.e-input#{$css}:-moz-placeholder,
14828
+ input.e-input#{$css}:-moz-placeholder,
14829
+ textarea.e-input#{$css}:-moz-placeholder,
14830
+ input.e-input#{$css}::-moz-placeholder,
14831
+ textarea.e-input#{$css}::-moz-placeholder,
14831
14832
  .e-input-group input.e-input:-moz-placeholder,
14832
14833
  .e-input-group input.e-input:-moz-placeholder,
14833
14834
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
14834
- input.e-input#{$css}:-moz-placeholder,
14835
14835
  .e-input-group input.e-input:-moz-placeholder,
14836
14836
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
14837
- textarea.e-input#{$css}:-moz-placeholder,
14838
14837
  .e-input-group textarea.e-input:-moz-placeholder,
14839
14838
  .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
14840
- input.e-input#{$css}::-moz-placeholder,
14841
14839
  .e-input-group input.e-input::-moz-placeholder,
14842
14840
  .e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
14843
- textarea.e-input#{$css}::-moz-placeholder,
14844
14841
  .e-input-group textarea.e-input::-moz-placeholder,
14845
- .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
14842
+ .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
14843
+ color: $input-placeholder;
14844
+ }
14845
+
14846
+ input.e-input#{$css}::-webkit-input-placeholder,
14847
+ textarea.e-input#{$css}::-webkit-input-placeholder,
14848
+ .e-input-group input.e-input::-webkit-input-placeholder,
14849
+ .e-input-group textarea.e-input::-webkit-input-placeholder,
14850
+ .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
14851
+ .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
14852
+ color: $input-placeholder;
14853
+ }
14854
+
14846
14855
  input.e-input#{$css}:-ms-input-placeholder,
14856
+ textarea.e-input#{$css}:-ms-input-placeholder,
14847
14857
  .e-input-group input.e-input:-ms-input-placeholder,
14848
14858
  .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
14849
- textarea.e-input#{$css}:-ms-input-placeholder,
14850
14859
  .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
14851
- .e-input-group textarea.e-input:-ms-input-placeholder,
14852
- input.e-input#{$css}::-webkit-input-placeholder,
14853
- .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
14854
- .e-input-group input.e-input::-webkit-input-placeholder,
14855
- textarea.e-input#{$css}::-webkit-input-placeholder,
14856
- .e-input-group textarea.e-input::-webkit-input-placeholder,
14857
- .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
14860
+ .e-input-group textarea.e-input:-ms-input-placeholder {
14861
+ color: $input-placeholder;
14862
+ }
14863
+
14864
+ .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14865
+ .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14866
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14858
14867
  .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14859
14868
  .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14860
14869
  .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
@@ -59721,6 +59730,11 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
59721
59730
  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
59722
59731
  padding: 0;
59723
59732
  }
59733
+
59734
+ .e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
59735
+ .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
59736
+ padding: 0;
59737
+ }
59724
59738
  }
59725
59739
 
59726
59740
  .e-multi-select-wrapper {
@@ -68194,6 +68208,9 @@ $de-column-presets-font-size: 60px !default;
68194
68208
  background-color: rgb(206, 205, 205);
68195
68209
  margin: 0 2px;
68196
68210
  }
68211
+ .e-de-tc-hide-para-mark .e-de-tc-outer .e-de-trckchanges-inner .e-de-track-chngs-text .e-de-tc-pmark {
68212
+ display: none;
68213
+ }
68197
68214
  .e-de-tc-pmark {
68198
68215
  font-size: 14px;
68199
68216
  font-family: Roboto-Regular;
@@ -75059,7 +75076,7 @@ $grid-dialog-footer-color: $grey-800 !default;
75059
75076
  $grid-xlfl-dlg-content-top-padding: 0 !default;
75060
75077
  $grid-xlfl-context-menu-border-radious: 0 !default;
75061
75078
  $grid-excel-filter-bottom-padding: 0 !default;
75062
- $grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
75079
+ $grid-xlfl-li-icon-margin-arrow-icon: 17px !default;
75063
75080
  $grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
75064
75081
  $grid-xl-radio-margin-top: 0 !default;
75065
75082
  $grid-xlfl-skin: 'material' !default;
@@ -78450,7 +78467,6 @@ $grid-checkmark-color: $accent-font !default;
78450
78467
  }
78451
78468
 
78452
78469
  .e-summarycontent {
78453
- display: flex;
78454
78470
  & .e-indentcell {
78455
78471
  border-width: 1px 0 0;
78456
78472
  }
@@ -78777,7 +78793,7 @@ $grid-checkmark-color: $accent-font !default;
78777
78793
  }
78778
78794
 
78779
78795
  .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
78780
- @if $grid-skin == 'bootstrap5' {
78796
+ @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap5.3' {
78781
78797
  padding-left: 8px;
78782
78798
  }
78783
78799
  @else if $grid-skin == 'fluent' {
@@ -82704,6 +82720,12 @@ $grid-checkmark-color: $accent-font !default;
82704
82720
  color: $grid-row-selection-color;
82705
82721
  }
82706
82722
 
82723
+ & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
82724
+ @if $grid-skin == 'fluent2' {
82725
+ color: $grid-row-selection-color;
82726
+ }
82727
+ }
82728
+
82707
82729
  td.e-active {
82708
82730
  background: $grid-row-selection-bg-color;
82709
82731
  }
@@ -98443,9 +98465,9 @@ $toast-icon-nrml-height: 24px !default;
98443
98465
  $toast-icon-nrml-width: 24px !default;
98444
98466
  $toast-icon-nrml-size: 18px !default;
98445
98467
  $toast-icon-nrml-right-margin: 14px !default;
98446
- $toast-close-icon-nrml-height: 24px !default;
98447
- $toast-close-icon-nrml-width: 24px !default;
98448
- $toast-close-icon-nrml-size: 14px !default;
98468
+ $toast-close-icon-nrml-height: 30px !default;
98469
+ $toast-close-icon-nrml-width: 30px !default;
98470
+ $toast-close-icon-nrml-size: 12px !default;
98449
98471
  $toast-position-nrml-distance: 10px !default;
98450
98472
  $multitoast-nrml-gap-distance: 10px !default;
98451
98473
  $toast-nrml-min-height: 48px !default;
@@ -98463,8 +98485,8 @@ $toast-icon-bgr-height: 24px !default;
98463
98485
  $toast-icon-bgr-width: 24px !default;
98464
98486
  $toast-icon-bgr-size: 18px !default;
98465
98487
  $toast-icon-bgr-right-margin: 14px !default;
98466
- $toast-close-icon-bgr-height: 24px !default;
98467
- $toast-close-icon-bgr-width: 24px !default;
98488
+ $toast-close-icon-bgr-height: 30px !default;
98489
+ $toast-close-icon-bgr-width: 30px !default;
98468
98490
  $toast-close-icon-bgr-size: 14px !default;
98469
98491
  $toast-position-bgr-distance: 10px !default;
98470
98492
  $multitoast-bgr-gap-distance: 10px !default;
@@ -98823,6 +98845,9 @@ $toast-icon-hover-border-radius: 50% !default;
98823
98845
  flex-direction: column;
98824
98846
  overflow: hidden;
98825
98847
  width: inherit;
98848
+ @if $skin-name == 'material' or $skin-name == 'Material3' {
98849
+ flex: 1;
98850
+ }
98826
98851
 
98827
98852
  .e-toast-title,
98828
98853
  .e-toast-content {
@@ -99042,7 +99067,6 @@ $toast-icon-hover-border-radius: 50% !default;
99042
99067
  background: $toast-close-icon-hover-bg-color;
99043
99068
  border-radius: $toast-icon-hover-border-radius;
99044
99069
  height: 32px;
99045
- margin-top: -6px;
99046
99070
  }
99047
99071
  @else {
99048
99072
  background-color: $toast-close-icon-hover-bg-color;
@@ -14836,37 +14836,46 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
14836
14836
  }
14837
14837
  }
14838
14838
 
14839
- .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14840
- .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14841
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14842
14839
  input.e-input#{$css}:-moz-placeholder,
14840
+ input.e-input#{$css}:-moz-placeholder,
14841
+ textarea.e-input#{$css}:-moz-placeholder,
14842
+ input.e-input#{$css}::-moz-placeholder,
14843
+ textarea.e-input#{$css}::-moz-placeholder,
14843
14844
  .e-input-group input.e-input:-moz-placeholder,
14844
14845
  .e-input-group input.e-input:-moz-placeholder,
14845
14846
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
14846
- input.e-input#{$css}:-moz-placeholder,
14847
14847
  .e-input-group input.e-input:-moz-placeholder,
14848
14848
  .e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
14849
- textarea.e-input#{$css}:-moz-placeholder,
14850
14849
  .e-input-group textarea.e-input:-moz-placeholder,
14851
14850
  .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
14852
- input.e-input#{$css}::-moz-placeholder,
14853
14851
  .e-input-group input.e-input::-moz-placeholder,
14854
14852
  .e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
14855
- textarea.e-input#{$css}::-moz-placeholder,
14856
14853
  .e-input-group textarea.e-input::-moz-placeholder,
14857
- .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
14854
+ .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
14855
+ color: $input-placeholder;
14856
+ }
14857
+
14858
+ input.e-input#{$css}::-webkit-input-placeholder,
14859
+ textarea.e-input#{$css}::-webkit-input-placeholder,
14860
+ .e-input-group input.e-input::-webkit-input-placeholder,
14861
+ .e-input-group textarea.e-input::-webkit-input-placeholder,
14862
+ .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
14863
+ .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
14864
+ color: $input-placeholder;
14865
+ }
14866
+
14858
14867
  input.e-input#{$css}:-ms-input-placeholder,
14868
+ textarea.e-input#{$css}:-ms-input-placeholder,
14859
14869
  .e-input-group input.e-input:-ms-input-placeholder,
14860
14870
  .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
14861
- textarea.e-input#{$css}:-ms-input-placeholder,
14862
14871
  .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
14863
- .e-input-group textarea.e-input:-ms-input-placeholder,
14864
- input.e-input#{$css}::-webkit-input-placeholder,
14865
- .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
14866
- .e-input-group input.e-input::-webkit-input-placeholder,
14867
- textarea.e-input#{$css}::-webkit-input-placeholder,
14868
- .e-input-group textarea.e-input::-webkit-input-placeholder,
14869
- .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
14872
+ .e-input-group textarea.e-input:-ms-input-placeholder {
14873
+ color: $input-placeholder;
14874
+ }
14875
+
14876
+ .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14877
+ .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14878
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14870
14879
  .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14871
14880
  .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
14872
14881
  .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
@@ -59337,7 +59346,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
59337
59346
  $ddl-chip-sel-mobile-close-height: 40px !default;
59338
59347
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
59339
59348
  $ddl-input-text-indent: 0 !default;
59340
- $ddl-input-placeholder-padding: 0 !default;
59349
+ $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
59341
59350
  $ddl-rtl-chip-sel-close-left: -12px !default;
59342
59351
  $ddl-popup-active-focus-bg-color: $grey-300 !default;
59343
59352
  $ddl-popup-active-focus-font-color: $accent !default;
@@ -59480,6 +59489,11 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
59480
59489
  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
59481
59490
  padding: 0;
59482
59491
  }
59492
+
59493
+ .e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
59494
+ .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
59495
+ padding: 0;
59496
+ }
59483
59497
  }
59484
59498
 
59485
59499
  .e-multi-select-wrapper {
@@ -67948,6 +67962,9 @@ $de-column-presets-font-size: 60px !default;
67948
67962
  background-color: rgb(206, 205, 205);
67949
67963
  margin: 0 2px;
67950
67964
  }
67965
+ .e-de-tc-hide-para-mark .e-de-tc-outer .e-de-trckchanges-inner .e-de-track-chngs-text .e-de-tc-pmark {
67966
+ display: none;
67967
+ }
67951
67968
  .e-de-tc-pmark {
67952
67969
  font-size: 14px;
67953
67970
  font-family: Roboto-Regular;
@@ -74810,7 +74827,7 @@ $grid-dialog-footer-color: $grey-white !default;
74810
74827
  $grid-xlfl-dlg-content-top-padding: 0 !default;
74811
74828
  $grid-xlfl-context-menu-border-radious: 0 !default;
74812
74829
  $grid-excel-filter-bottom-padding: 0 !default;
74813
- $grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
74830
+ $grid-xlfl-li-icon-margin-arrow-icon: 17px !default;
74814
74831
  $grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
74815
74832
  $grid-xl-radio-margin-top: 0 !default;
74816
74833
  $grid-xlfl-skin: 'material' !default;
@@ -78201,7 +78218,6 @@ $grid-checkmark-color: $accent-font !default;
78201
78218
  }
78202
78219
 
78203
78220
  .e-summarycontent {
78204
- display: flex;
78205
78221
  & .e-indentcell {
78206
78222
  border-width: 1px 0 0;
78207
78223
  }
@@ -78528,7 +78544,7 @@ $grid-checkmark-color: $accent-font !default;
78528
78544
  }
78529
78545
 
78530
78546
  .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
78531
- @if $grid-skin == 'bootstrap5' {
78547
+ @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap5.3' {
78532
78548
  padding-left: 8px;
78533
78549
  }
78534
78550
  @else if $grid-skin == 'fluent' {
@@ -82455,6 +82471,12 @@ $grid-checkmark-color: $accent-font !default;
82455
82471
  color: $grid-row-selection-color;
82456
82472
  }
82457
82473
 
82474
+ & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
82475
+ @if $grid-skin == 'fluent2' {
82476
+ color: $grid-row-selection-color;
82477
+ }
82478
+ }
82479
+
82458
82480
  td.e-active {
82459
82481
  background: $grid-row-selection-bg-color;
82460
82482
  }
@@ -98195,9 +98217,9 @@ $toast-icon-nrml-height: 24px !default;
98195
98217
  $toast-icon-nrml-width: 24px !default;
98196
98218
  $toast-icon-nrml-size: 18px !default;
98197
98219
  $toast-icon-nrml-right-margin: 14px !default;
98198
- $toast-close-icon-nrml-height: 24px !default;
98199
- $toast-close-icon-nrml-width: 24px !default;
98200
- $toast-close-icon-nrml-size: 14px !default;
98220
+ $toast-close-icon-nrml-height: 30px !default;
98221
+ $toast-close-icon-nrml-width: 30px !default;
98222
+ $toast-close-icon-nrml-size: 12px !default;
98201
98223
  $toast-position-nrml-distance: 10px !default;
98202
98224
  $multitoast-nrml-gap-distance: 10px !default;
98203
98225
  $toast-nrml-min-height: 48px !default;
@@ -98215,8 +98237,8 @@ $toast-icon-bgr-height: 24px !default;
98215
98237
  $toast-icon-bgr-width: 24px !default;
98216
98238
  $toast-icon-bgr-size: 18px !default;
98217
98239
  $toast-icon-bgr-right-margin: 14px !default;
98218
- $toast-close-icon-bgr-height: 24px !default;
98219
- $toast-close-icon-bgr-width: 24px !default;
98240
+ $toast-close-icon-bgr-height: 30px !default;
98241
+ $toast-close-icon-bgr-width: 30px !default;
98220
98242
  $toast-close-icon-bgr-size: 14px !default;
98221
98243
  $toast-position-bgr-distance: 10px !default;
98222
98244
  $multitoast-bgr-gap-distance: 10px !default;
@@ -98575,6 +98597,9 @@ $toast-icon-hover-border-radius: 50% !default;
98575
98597
  flex-direction: column;
98576
98598
  overflow: hidden;
98577
98599
  width: inherit;
98600
+ @if $skin-name == 'material' or $skin-name == 'Material3' {
98601
+ flex: 1;
98602
+ }
98578
98603
 
98579
98604
  .e-toast-title,
98580
98605
  .e-toast-content {
@@ -98794,7 +98819,6 @@ $toast-icon-hover-border-radius: 50% !default;
98794
98819
  background: $toast-close-icon-hover-bg-color;
98795
98820
  border-radius: $toast-icon-hover-border-radius;
98796
98821
  height: 32px;
98797
- margin-top: -6px;
98798
98822
  }
98799
98823
  @else {
98800
98824
  background-color: $toast-close-icon-hover-bg-color;