@syncfusion/blazor-themes 25.1.35 → 25.1.38

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 (167) hide show
  1. package/SCSS-Themes/bds-dark.scss +54 -14
  2. package/SCSS-Themes/bds.scss +54 -14
  3. package/SCSS-Themes/bootstrap-dark.scss +58 -18
  4. package/SCSS-Themes/bootstrap.scss +56 -16
  5. package/SCSS-Themes/bootstrap4.scss +54 -14
  6. package/SCSS-Themes/bootstrap5-dark.scss +54 -14
  7. package/SCSS-Themes/bootstrap5.scss +54 -14
  8. package/SCSS-Themes/calendars/calendar/bds-dark.scss +1 -1
  9. package/SCSS-Themes/calendars/calendar/bds.scss +1 -1
  10. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +1 -1
  11. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  12. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +1 -1
  13. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  14. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  15. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  16. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  17. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  18. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  19. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  20. package/SCSS-Themes/calendars/calendar/material-dark.scss +1 -1
  21. package/SCSS-Themes/calendars/calendar/material.scss +1 -1
  22. package/SCSS-Themes/calendars/calendar/material3-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/material3.scss +1 -1
  24. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  25. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  26. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +6 -2
  27. package/SCSS-Themes/dropdowns/list-box/bds.scss +6 -2
  28. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +6 -2
  29. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +6 -2
  30. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +6 -2
  31. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +6 -2
  32. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +6 -2
  33. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +6 -2
  34. package/SCSS-Themes/dropdowns/list-box/fabric.scss +6 -2
  35. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +6 -2
  36. package/SCSS-Themes/dropdowns/list-box/fluent.scss +6 -2
  37. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +6 -2
  38. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +6 -2
  39. package/SCSS-Themes/dropdowns/list-box/material.scss +6 -2
  40. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +6 -2
  41. package/SCSS-Themes/dropdowns/list-box/material3.scss +6 -2
  42. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +6 -2
  43. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +6 -2
  44. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +1 -1
  45. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +1 -1
  46. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +11 -0
  47. package/SCSS-Themes/dropdowns/multi-select/material.scss +11 -0
  48. package/SCSS-Themes/fabric-dark.scss +55 -15
  49. package/SCSS-Themes/fabric.scss +54 -14
  50. package/SCSS-Themes/fluent-dark.scss +60 -20
  51. package/SCSS-Themes/fluent.scss +60 -20
  52. package/SCSS-Themes/grids/grid/bds-dark.scss +8 -2
  53. package/SCSS-Themes/grids/grid/bds.scss +8 -2
  54. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +8 -2
  55. package/SCSS-Themes/grids/grid/bootstrap.scss +8 -2
  56. package/SCSS-Themes/grids/grid/bootstrap4.scss +8 -2
  57. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +8 -2
  58. package/SCSS-Themes/grids/grid/bootstrap5.scss +8 -2
  59. package/SCSS-Themes/grids/grid/fabric-dark.scss +8 -2
  60. package/SCSS-Themes/grids/grid/fabric.scss +8 -2
  61. package/SCSS-Themes/grids/grid/fluent-dark.scss +8 -2
  62. package/SCSS-Themes/grids/grid/fluent.scss +8 -2
  63. package/SCSS-Themes/grids/grid/highcontrast.scss +8 -2
  64. package/SCSS-Themes/grids/grid/material-dark.scss +8 -2
  65. package/SCSS-Themes/grids/grid/material.scss +8 -2
  66. package/SCSS-Themes/grids/grid/material3-dark.scss +8 -2
  67. package/SCSS-Themes/grids/grid/material3.scss +8 -2
  68. package/SCSS-Themes/grids/grid/tailwind-dark.scss +8 -2
  69. package/SCSS-Themes/grids/grid/tailwind.scss +8 -2
  70. package/SCSS-Themes/highcontrast.scss +54 -14
  71. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +3 -0
  72. package/SCSS-Themes/image-editor/image-editor/bds.scss +3 -0
  73. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +3 -0
  74. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +3 -0
  75. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +3 -0
  76. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +3 -0
  77. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +3 -0
  78. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +3 -0
  79. package/SCSS-Themes/image-editor/image-editor/fabric.scss +3 -0
  80. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +3 -0
  81. package/SCSS-Themes/image-editor/image-editor/fluent.scss +3 -0
  82. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +3 -0
  83. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +3 -0
  84. package/SCSS-Themes/image-editor/image-editor/material.scss +3 -0
  85. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +3 -0
  86. package/SCSS-Themes/image-editor/image-editor/material3.scss +3 -0
  87. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +3 -0
  88. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +3 -0
  89. package/SCSS-Themes/material-dark.scss +65 -14
  90. package/SCSS-Themes/material.scss +65 -14
  91. package/SCSS-Themes/material3-dark.scss +56 -16
  92. package/SCSS-Themes/material3.scss +56 -16
  93. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +3 -1
  94. package/SCSS-Themes/querybuilder/query-builder/bds.scss +3 -1
  95. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +3 -1
  96. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +3 -1
  97. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +3 -1
  98. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +3 -1
  99. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +3 -1
  100. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +3 -1
  101. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +3 -1
  102. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +3 -1
  103. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +3 -1
  104. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +3 -1
  105. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +3 -1
  106. package/SCSS-Themes/querybuilder/query-builder/material.scss +3 -1
  107. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +3 -1
  108. package/SCSS-Themes/querybuilder/query-builder/material3.scss +3 -1
  109. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +3 -1
  110. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +3 -1
  111. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +1 -1
  112. package/SCSS-Themes/ribbon/ribbon/bds.scss +1 -1
  113. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +1 -1
  114. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +1 -1
  115. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +1 -1
  116. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +1 -1
  117. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +1 -1
  118. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +2 -2
  119. package/SCSS-Themes/ribbon/ribbon/fabric.scss +1 -1
  120. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +1 -1
  121. package/SCSS-Themes/ribbon/ribbon/fluent.scss +1 -1
  122. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +1 -1
  123. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +1 -1
  124. package/SCSS-Themes/ribbon/ribbon/material.scss +1 -1
  125. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +3 -3
  126. package/SCSS-Themes/ribbon/ribbon/material3.scss +3 -3
  127. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +1 -1
  128. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +1 -1
  129. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +28 -7
  130. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +28 -7
  131. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +32 -11
  132. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +30 -9
  133. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +28 -7
  134. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +28 -7
  135. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +28 -7
  136. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +28 -7
  137. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +28 -7
  138. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +33 -12
  139. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +33 -12
  140. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +28 -7
  141. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +28 -7
  142. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +28 -7
  143. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +28 -7
  144. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +28 -7
  145. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +33 -12
  146. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +33 -12
  147. package/SCSS-Themes/schedule/schedule/bds-dark.scss +4 -0
  148. package/SCSS-Themes/schedule/schedule/bds.scss +4 -0
  149. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +4 -0
  150. package/SCSS-Themes/schedule/schedule/bootstrap.scss +4 -0
  151. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +4 -0
  152. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +4 -0
  153. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +4 -0
  154. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +4 -0
  155. package/SCSS-Themes/schedule/schedule/fabric.scss +4 -0
  156. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +4 -0
  157. package/SCSS-Themes/schedule/schedule/fluent.scss +4 -0
  158. package/SCSS-Themes/schedule/schedule/highcontrast.scss +4 -0
  159. package/SCSS-Themes/schedule/schedule/material-dark.scss +4 -0
  160. package/SCSS-Themes/schedule/schedule/material.scss +4 -0
  161. package/SCSS-Themes/schedule/schedule/material3-dark.scss +4 -0
  162. package/SCSS-Themes/schedule/schedule/material3.scss +4 -0
  163. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +4 -0
  164. package/SCSS-Themes/schedule/schedule/tailwind.scss +4 -0
  165. package/SCSS-Themes/tailwind-dark.scss +59 -19
  166. package/SCSS-Themes/tailwind.scss +59 -19
  167. package/package.json +1 -1
package/SCSS-Themes/calendars/calendar/bds.scss CHANGED
@@ -1541,7 +1541,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1541
1541
  }
1542
1542
  }
1543
1543
 
1544
- .e-zoomin {
1544
+ .e-calendar .e-zoomin {
1545
1545
  animation: animatezoom .3s;
1546
1546
  }
1547
1547
 
package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss CHANGED
@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
1507
1507
  }
1508
1508
  }
1509
1509
 
1510
- .e-zoomin {
1510
+ .e-calendar .e-zoomin {
1511
1511
  animation: animatezoom .3s;
1512
1512
  }
1513
1513
 
package/SCSS-Themes/calendars/calendar/bootstrap.scss CHANGED
@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
1507
1507
  }
1508
1508
  }
1509
1509
 
1510
- .e-zoomin {
1510
+ .e-calendar .e-zoomin {
1511
1511
  animation: animatezoom .3s;
1512
1512
  }
1513
1513
 
package/SCSS-Themes/calendars/calendar/bootstrap4.scss CHANGED
@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
1507
1507
  }
1508
1508
  }
1509
1509
 
1510
- .e-zoomin {
1510
+ .e-calendar .e-zoomin {
1511
1511
  animation: animatezoom .3s;
1512
1512
  }
1513
1513
 
package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss CHANGED
@@ -1527,7 +1527,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
1527
1527
  }
1528
1528
  }
1529
1529
 
1530
- .e-zoomin {
1530
+ .e-calendar .e-zoomin {
1531
1531
  animation: animatezoom .3s;
1532
1532
  }
1533
1533
 
package/SCSS-Themes/calendars/calendar/bootstrap5.scss CHANGED
@@ -1527,7 +1527,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
1527
1527
  }
1528
1528
  }
1529
1529
 
1530
- .e-zoomin {
1530
+ .e-calendar .e-zoomin {
1531
1531
  animation: animatezoom .3s;
1532
1532
  }
1533
1533
 
package/SCSS-Themes/calendars/calendar/fabric-dark.scss CHANGED
@@ -1471,7 +1471,7 @@ $calendar-small-font-size: 12px !default;
1471
1471
  }
1472
1472
  }
1473
1473
 
1474
- .e-zoomin {
1474
+ .e-calendar .e-zoomin {
1475
1475
  animation: animatezoom .3s;
1476
1476
  }
1477
1477
 
package/SCSS-Themes/calendars/calendar/fabric.scss CHANGED
@@ -1469,7 +1469,7 @@ $calendar-small-font-size: 12px !default;
1469
1469
  }
1470
1470
  }
1471
1471
 
1472
- .e-zoomin {
1472
+ .e-calendar .e-zoomin {
1473
1473
  animation: animatezoom .3s;
1474
1474
  }
1475
1475
 
package/SCSS-Themes/calendars/calendar/fluent-dark.scss CHANGED
@@ -1531,7 +1531,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
1531
1531
  }
1532
1532
  }
1533
1533
 
1534
- .e-zoomin {
1534
+ .e-calendar .e-zoomin {
1535
1535
  animation: animatezoom .3s;
1536
1536
  }
1537
1537
 
package/SCSS-Themes/calendars/calendar/fluent.scss CHANGED
@@ -1531,7 +1531,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
1531
1531
  }
1532
1532
  }
1533
1533
 
1534
- .e-zoomin {
1534
+ .e-calendar .e-zoomin {
1535
1535
  animation: animatezoom .3s;
1536
1536
  }
1537
1537
 
package/SCSS-Themes/calendars/calendar/highcontrast.scss CHANGED
@@ -1468,7 +1468,7 @@ $calendar-small-font-size: 12px !default;
1468
1468
  }
1469
1469
  }
1470
1470
 
1471
- .e-zoomin {
1471
+ .e-calendar .e-zoomin {
1472
1472
  animation: animatezoom .3s;
1473
1473
  }
1474
1474
 
package/SCSS-Themes/calendars/calendar/material-dark.scss CHANGED
@@ -1473,7 +1473,7 @@ $calendar-small-font-size: 12px !default;
1473
1473
  }
1474
1474
  }
1475
1475
 
1476
- .e-zoomin {
1476
+ .e-calendar .e-zoomin {
1477
1477
  animation: animatezoom .3s;
1478
1478
  }
1479
1479
 
package/SCSS-Themes/calendars/calendar/material.scss CHANGED
@@ -1468,7 +1468,7 @@ $calendar-small-font-size: 12px !default;
1468
1468
  }
1469
1469
  }
1470
1470
 
1471
- .e-zoomin {
1471
+ .e-calendar .e-zoomin {
1472
1472
  animation: animatezoom .3s;
1473
1473
  }
1474
1474
 
package/SCSS-Themes/calendars/calendar/material3-dark.scss CHANGED
@@ -1474,7 +1474,7 @@ $calendar-small-font-size: $text-xs !default;
1474
1474
  }
1475
1475
  }
1476
1476
 
1477
- .e-zoomin {
1477
+ .e-calendar .e-zoomin {
1478
1478
  animation: animatezoom .3s;
1479
1479
  }
1480
1480
 
package/SCSS-Themes/calendars/calendar/material3.scss CHANGED
@@ -1474,7 +1474,7 @@ $calendar-small-font-size: $text-xs !default;
1474
1474
  }
1475
1475
  }
1476
1476
 
1477
- .e-zoomin {
1477
+ .e-calendar .e-zoomin {
1478
1478
  animation: animatezoom .3s;
1479
1479
  }
1480
1480
 
package/SCSS-Themes/calendars/calendar/tailwind-dark.scss CHANGED
@@ -1540,7 +1540,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1540
1540
  }
1541
1541
  }
1542
1542
 
1543
- .e-zoomin {
1543
+ .e-calendar .e-zoomin {
1544
1544
  animation: animatezoom .3s;
1545
1545
  }
1546
1546
 
package/SCSS-Themes/calendars/calendar/tailwind.scss CHANGED
@@ -1540,7 +1540,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1540
1540
  }
1541
1541
  }
1542
1542
 
1543
- .e-zoomin {
1543
+ .e-calendar .e-zoomin {
1544
1544
  animation: animatezoom .3s;
1545
1545
  }
1546
1546
 
package/SCSS-Themes/dropdowns/list-box/bds-dark.scss CHANGED
@@ -420,11 +420,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
420
420
  }
421
421
 
422
422
  .e-input-group {
423
- padding: 4px 8px;
423
+ @if $skin-name != 'tailwind' {
424
+ padding: 4px 8px;
425
+ }
424
426
  }
425
427
 
426
428
  .e-input-focus {
427
- padding: 4px 4px 4px 8px;
429
+ @if $skin-name != 'tailwind' {
430
+ padding: 4px 4px 4px 8px;
431
+ }
428
432
  }
429
433
 
430
434
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bds.scss CHANGED
@@ -420,11 +420,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
420
420
  }
421
421
 
422
422
  .e-input-group {
423
- padding: 4px 8px;
423
+ @if $skin-name != 'tailwind' {
424
+ padding: 4px 8px;
425
+ }
424
426
  }
425
427
 
426
428
  .e-input-focus {
427
- padding: 4px 4px 4px 8px;
429
+ @if $skin-name != 'tailwind' {
430
+ padding: 4px 4px 4px 8px;
431
+ }
428
432
  }
429
433
 
430
434
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss CHANGED
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bootstrap.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss CHANGED
@@ -408,11 +408,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
408
408
  }
409
409
 
410
410
  .e-input-group {
411
- padding: 4px 8px;
411
+ @if $skin-name != 'tailwind' {
412
+ padding: 4px 8px;
413
+ }
412
414
  }
413
415
 
414
416
  .e-input-focus {
415
- padding: 4px 4px 4px 8px;
417
+ @if $skin-name != 'tailwind' {
418
+ padding: 4px 4px 4px 8px;
419
+ }
416
420
  }
417
421
 
418
422
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss CHANGED
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss CHANGED
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss CHANGED
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/fabric.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss CHANGED
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/fluent.scss CHANGED
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/highcontrast.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/material-dark.scss CHANGED
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/material.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/material3-dark.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/material3.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/list-box/tailwind.scss CHANGED
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss CHANGED
@@ -247,7 +247,7 @@ $ddl-small-clear-icon-width: 12px !default;
247
247
 
248
248
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
249
249
  .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
250
- margin-top: -1.5em;
250
+ margin-top: -1.6em;
251
251
  }
252
252
  }
253
253
 
package/SCSS-Themes/dropdowns/multi-select/fluent.scss CHANGED
@@ -247,7 +247,7 @@ $ddl-small-clear-icon-width: 12px !default;
247
247
 
248
248
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
249
249
  .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
250
- margin-top: -1.5em;
250
+ margin-top: -1.6em;
251
251
  }
252
252
  }
253
253
 
package/SCSS-Themes/dropdowns/multi-select/material-dark.scss CHANGED
@@ -235,6 +235,17 @@ $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
235
235
  $filled-multiselect-chip-bg-color: $grey-800 !default;
236
236
  $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
237
237
 
238
+ @include export-module('multiselect-material-dark') {
239
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
240
+ padding: 1px 0;
241
+ }
242
+
243
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
244
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
245
+ padding: 0;
246
+ }
247
+ }
248
+
238
249
  .e-multi-select-wrapper {
239
250
  box-sizing: border-box;
240
251
  cursor: text;
package/SCSS-Themes/dropdowns/multi-select/material.scss CHANGED
@@ -228,6 +228,17 @@ $outline-multiselect-disabled-chip-bg-color: $grey-100 !default;
228
228
  $filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
229
229
  $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
230
230
 
231
+ @include export-module('multiselect-material') {
232
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
233
+ padding: 1px 0;
234
+ }
235
+
236
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
237
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
238
+ padding: 0;
239
+ }
240
+ }
241
+
231
242
  .e-multi-select-wrapper {
232
243
  box-sizing: border-box;
233
244
  cursor: text;