@syncfusion/blazor-themes 26.1.39 → 26.1.41

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 (173) hide show
  1. package/SCSS-Themes/base/fluent2-highcontrast.scss +1 -1
  2. package/SCSS-Themes/base/material3-dark.scss +546 -546
  3. package/SCSS-Themes/base/material3.scss +546 -546
  4. package/SCSS-Themes/bds-dark.scss +668 -650
  5. package/SCSS-Themes/bds.scss +668 -650
  6. package/SCSS-Themes/bootstrap-dark.scss +746 -728
  7. package/SCSS-Themes/bootstrap.scss +746 -728
  8. package/SCSS-Themes/bootstrap4.scss +746 -728
  9. package/SCSS-Themes/bootstrap5-dark.scss +747 -729
  10. package/SCSS-Themes/bootstrap5.scss +747 -729
  11. package/SCSS-Themes/calendars/calendar/bds-dark.scss +5 -0
  12. package/SCSS-Themes/calendars/calendar/bds.scss +5 -0
  13. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +5 -0
  14. package/SCSS-Themes/calendars/calendar/bootstrap.scss +5 -0
  15. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +5 -0
  16. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +5 -0
  17. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +5 -0
  18. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +5 -0
  19. package/SCSS-Themes/calendars/calendar/fabric.scss +5 -0
  20. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +5 -0
  21. package/SCSS-Themes/calendars/calendar/fluent.scss +5 -0
  22. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +5 -0
  23. package/SCSS-Themes/calendars/calendar/fluent2.scss +5 -0
  24. package/SCSS-Themes/calendars/calendar/highcontrast.scss +5 -0
  25. package/SCSS-Themes/calendars/calendar/material-dark.scss +5 -0
  26. package/SCSS-Themes/calendars/calendar/material.scss +5 -0
  27. package/SCSS-Themes/calendars/calendar/material3-dark.scss +5 -0
  28. package/SCSS-Themes/calendars/calendar/material3.scss +5 -0
  29. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +5 -0
  30. package/SCSS-Themes/calendars/calendar/tailwind.scss +5 -0
  31. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +3 -3
  32. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +3 -3
  33. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -1
  34. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -1
  35. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -1
  36. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -1
  37. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -1
  38. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -1
  39. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -1
  40. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -1
  41. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -1
  42. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -1
  43. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -1
  44. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -1
  45. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -1
  46. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -1
  47. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -1
  48. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -1
  49. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -1
  50. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -1
  51. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -1
  53. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +4 -6
  54. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +4 -6
  55. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +3 -0
  56. package/SCSS-Themes/dropdowns/multi-select/bds.scss +3 -0
  57. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +3 -0
  58. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +3 -0
  59. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +3 -0
  60. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +3 -0
  61. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +3 -0
  62. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +3 -0
  63. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +3 -0
  64. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +3 -0
  65. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +3 -0
  66. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +5 -1
  67. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +5 -1
  68. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +3 -0
  69. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +3 -0
  70. package/SCSS-Themes/dropdowns/multi-select/material.scss +3 -0
  71. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +3 -0
  72. package/SCSS-Themes/dropdowns/multi-select/material3.scss +3 -0
  73. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +3 -0
  74. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +3 -0
  75. package/SCSS-Themes/fabric-dark.scss +746 -728
  76. package/SCSS-Themes/fabric.scss +746 -728
  77. package/SCSS-Themes/fluent-dark.scss +746 -728
  78. package/SCSS-Themes/fluent.scss +746 -728
  79. package/SCSS-Themes/fluent2-dark.scss +678 -661
  80. package/SCSS-Themes/fluent2-highcontrast.scss +1 -1
  81. package/SCSS-Themes/fluent2.scss +678 -661
  82. package/SCSS-Themes/gantt/gantt/fluent2-dark.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/fluent2.scss +1 -1
  84. package/SCSS-Themes/grids/grid/bds-dark.scss +4 -2
  85. package/SCSS-Themes/grids/grid/bds.scss +4 -2
  86. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +4 -2
  87. package/SCSS-Themes/grids/grid/bootstrap.scss +4 -2
  88. package/SCSS-Themes/grids/grid/bootstrap4.scss +4 -2
  89. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +4 -2
  90. package/SCSS-Themes/grids/grid/bootstrap5.scss +4 -2
  91. package/SCSS-Themes/grids/grid/fabric-dark.scss +4 -2
  92. package/SCSS-Themes/grids/grid/fabric.scss +4 -2
  93. package/SCSS-Themes/grids/grid/fluent-dark.scss +4 -2
  94. package/SCSS-Themes/grids/grid/fluent.scss +4 -2
  95. package/SCSS-Themes/grids/grid/fluent2-dark.scss +4 -2
  96. package/SCSS-Themes/grids/grid/fluent2.scss +4 -2
  97. package/SCSS-Themes/grids/grid/highcontrast.scss +4 -2
  98. package/SCSS-Themes/grids/grid/material-dark.scss +4 -2
  99. package/SCSS-Themes/grids/grid/material.scss +4 -2
  100. package/SCSS-Themes/grids/grid/material3-dark.scss +4 -2
  101. package/SCSS-Themes/grids/grid/material3.scss +4 -2
  102. package/SCSS-Themes/grids/grid/tailwind-dark.scss +4 -2
  103. package/SCSS-Themes/grids/grid/tailwind.scss +4 -2
  104. package/SCSS-Themes/highcontrast.scss +746 -728
  105. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +8 -0
  106. package/SCSS-Themes/image-editor/image-editor/bds.scss +8 -0
  107. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +8 -0
  108. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +8 -0
  109. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +8 -0
  110. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +8 -0
  111. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +8 -0
  112. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +8 -0
  113. package/SCSS-Themes/image-editor/image-editor/fabric.scss +8 -0
  114. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +8 -0
  115. package/SCSS-Themes/image-editor/image-editor/fluent.scss +8 -0
  116. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +8 -0
  117. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +8 -0
  118. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +8 -0
  119. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +8 -0
  120. package/SCSS-Themes/image-editor/image-editor/material.scss +8 -0
  121. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +8 -0
  122. package/SCSS-Themes/image-editor/image-editor/material3.scss +8 -0
  123. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +8 -0
  124. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +8 -0
  125. package/SCSS-Themes/inputs/input/tailwind-dark.scss +1 -1
  126. package/SCSS-Themes/inputs/input/tailwind.scss +1 -1
  127. package/SCSS-Themes/material-dark.scss +746 -728
  128. package/SCSS-Themes/material.scss +746 -728
  129. package/SCSS-Themes/material3-dark.scss +1294 -1276
  130. package/SCSS-Themes/material3.scss +1294 -1276
  131. package/SCSS-Themes/navigations/stepper/bds-dark.scss +639 -639
  132. package/SCSS-Themes/navigations/stepper/bds.scss +639 -639
  133. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +719 -719
  134. package/SCSS-Themes/navigations/stepper/bootstrap.scss +719 -719
  135. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +719 -719
  136. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +720 -720
  137. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +720 -720
  138. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +719 -719
  139. package/SCSS-Themes/navigations/stepper/fabric.scss +719 -719
  140. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +719 -719
  141. package/SCSS-Themes/navigations/stepper/fluent.scss +719 -719
  142. package/SCSS-Themes/navigations/stepper/fluent2-dark.scss +639 -639
  143. package/SCSS-Themes/navigations/stepper/fluent2.scss +639 -639
  144. package/SCSS-Themes/navigations/stepper/highcontrast.scss +719 -719
  145. package/SCSS-Themes/navigations/stepper/material-dark.scss +719 -719
  146. package/SCSS-Themes/navigations/stepper/material.scss +719 -719
  147. package/SCSS-Themes/navigations/stepper/material3-dark.scss +719 -719
  148. package/SCSS-Themes/navigations/stepper/material3.scss +719 -719
  149. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +719 -719
  150. package/SCSS-Themes/navigations/stepper/tailwind.scss +719 -719
  151. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +8 -8
  152. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +8 -8
  153. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +8 -8
  154. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +8 -8
  155. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +8 -8
  156. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +8 -8
  157. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +8 -8
  158. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +8 -8
  159. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +8 -8
  160. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +8 -8
  161. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +8 -8
  162. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss +8 -8
  163. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss +8 -8
  164. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +8 -8
  165. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +8 -8
  166. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +8 -8
  167. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +10 -10
  168. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +10 -10
  169. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +8 -8
  170. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +8 -8
  171. package/SCSS-Themes/tailwind-dark.scss +747 -729
  172. package/SCSS-Themes/tailwind.scss +747 -729
  173. package/package.json +1 -1
@@ -1525,6 +1525,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1525
1525
  color: $calendar-today-focused-font-color;
1526
1526
  }
1527
1527
  }
1528
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1529
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1530
+ color: $calendar-today-disabled-color;
1531
+ }
1532
+ }
1528
1533
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1529
1534
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1530
1535
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1525,6 +1525,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1525
1525
  color: $calendar-today-focused-font-color;
1526
1526
  }
1527
1527
  }
1528
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1529
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1530
+ color: $calendar-today-disabled-color;
1531
+ }
1532
+ }
1528
1533
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1529
1534
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1530
1535
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
1490
1490
  color: $calendar-today-focused-font-color;
1491
1491
  }
1492
1492
  }
1493
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1494
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1495
+ color: $calendar-today-disabled-color;
1496
+ }
1497
+ }
1493
1498
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1494
1499
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1495
1500
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
1490
1490
  color: $calendar-today-focused-font-color;
1491
1491
  }
1492
1492
  }
1493
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1494
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1495
+ color: $calendar-today-disabled-color;
1496
+ }
1497
+ }
1493
1498
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1494
1499
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1495
1500
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
1490
1490
  color: $calendar-today-focused-font-color;
1491
1491
  }
1492
1492
  }
1493
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1494
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1495
+ color: $calendar-today-disabled-color;
1496
+ }
1497
+ }
1493
1498
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1494
1499
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1495
1500
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1510,6 +1510,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
1510
1510
  color: $calendar-today-focused-font-color;
1511
1511
  }
1512
1512
  }
1513
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1514
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1515
+ color: $calendar-today-disabled-color;
1516
+ }
1517
+ }
1513
1518
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1514
1519
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1515
1520
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1510,6 +1510,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
1510
1510
  color: $calendar-today-focused-font-color;
1511
1511
  }
1512
1512
  }
1513
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1514
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1515
+ color: $calendar-today-disabled-color;
1516
+ }
1517
+ }
1513
1518
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1514
1519
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1515
1520
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1454,6 +1454,11 @@ $calendar-small-font-size: 12px !default;
1454
1454
  color: $calendar-today-focused-font-color;
1455
1455
  }
1456
1456
  }
1457
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1458
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1459
+ color: $calendar-today-disabled-color;
1460
+ }
1461
+ }
1457
1462
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1458
1463
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1459
1464
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1452,6 +1452,11 @@ $calendar-small-font-size: 12px !default;
1452
1452
  color: $calendar-today-focused-font-color;
1453
1453
  }
1454
1454
  }
1455
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1456
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1457
+ color: $calendar-today-disabled-color;
1458
+ }
1459
+ }
1455
1460
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1456
1461
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1457
1462
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1514,6 +1514,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
1514
1514
  color: $calendar-today-focused-font-color;
1515
1515
  }
1516
1516
  }
1517
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1518
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1519
+ color: $calendar-today-disabled-color;
1520
+ }
1521
+ }
1517
1522
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1518
1523
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1519
1524
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1514,6 +1514,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
1514
1514
  color: $calendar-today-focused-font-color;
1515
1515
  }
1516
1516
  }
1517
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1518
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1519
+ color: $calendar-today-disabled-color;
1520
+ }
1521
+ }
1517
1522
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1518
1523
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1519
1524
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1542,6 +1542,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
1542
1542
  color: $calendar-today-focused-font-color;
1543
1543
  }
1544
1544
  }
1545
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1546
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1547
+ color: $calendar-today-disabled-color;
1548
+ }
1549
+ }
1545
1550
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1546
1551
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1547
1552
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1542,6 +1542,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
1542
1542
  color: $calendar-today-focused-font-color;
1543
1543
  }
1544
1544
  }
1545
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1546
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1547
+ color: $calendar-today-disabled-color;
1548
+ }
1549
+ }
1545
1550
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1546
1551
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1547
1552
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1451,6 +1451,11 @@ $calendar-small-font-size: 12px !default;
1451
1451
  color: $calendar-today-focused-font-color;
1452
1452
  }
1453
1453
  }
1454
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1455
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1456
+ color: $calendar-today-disabled-color;
1457
+ }
1458
+ }
1454
1459
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1455
1460
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1456
1461
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1456,6 +1456,11 @@ $calendar-small-font-size: 12px !default;
1456
1456
  color: $calendar-today-focused-font-color;
1457
1457
  }
1458
1458
  }
1459
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1460
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1461
+ color: $calendar-today-disabled-color;
1462
+ }
1463
+ }
1459
1464
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1460
1465
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1461
1466
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1451,6 +1451,11 @@ $calendar-small-font-size: 12px !default;
1451
1451
  color: $calendar-today-focused-font-color;
1452
1452
  }
1453
1453
  }
1454
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1455
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1456
+ color: $calendar-today-disabled-color;
1457
+ }
1458
+ }
1454
1459
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1455
1460
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1456
1461
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1448,6 +1448,11 @@ $calendar-small-font-size: $text-xs !default;
1448
1448
  color: $calendar-today-focused-font-color;
1449
1449
  }
1450
1450
  }
1451
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1452
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1453
+ color: $calendar-today-disabled-color;
1454
+ }
1455
+ }
1451
1456
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1452
1457
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1453
1458
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1448,6 +1448,11 @@ $calendar-small-font-size: $text-xs !default;
1448
1448
  color: $calendar-today-focused-font-color;
1449
1449
  }
1450
1450
  }
1451
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1452
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1453
+ color: $calendar-today-disabled-color;
1454
+ }
1455
+ }
1451
1456
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1452
1457
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1453
1458
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1523,6 +1523,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1523
1523
  color: $calendar-today-focused-font-color;
1524
1524
  }
1525
1525
  }
1526
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1527
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1528
+ color: $calendar-today-disabled-color;
1529
+ }
1530
+ }
1526
1531
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1527
1532
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1528
1533
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -1523,6 +1523,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
1523
1523
  color: $calendar-today-focused-font-color;
1524
1524
  }
1525
1525
  }
1526
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
1527
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
1528
+ color: $calendar-today-disabled-color;
1529
+ }
1530
+ }
1526
1531
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
1527
1532
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
1528
1533
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -50,7 +50,7 @@ $range-indicator-label-width: 100% !default;
50
50
  $range-device-indicator-margin: 8px 0 0 !default;
51
51
  $range-device-indicator-height: 24px !default;
52
52
  $range-separator-height: 1px !default;
53
- $range-border-value: 1px solid $content-bg-color-alt1 !default;
53
+ $range-border-value: 1px solid $flyout-border !default;
54
54
  $range-container-border-value: none !default;
55
55
  $range-separator-margin: 0 !default;
56
56
  $range-footer-height: 47px !default;
@@ -303,11 +303,11 @@ $modal-range-tablet-font-size: 18px !default;
303
303
 
304
304
  $range-header-font-size: 16px !default;
305
305
 
306
- $footer-top-border-color :1px solid $border-light !default;
306
+ $footer-top-border-color :1px solid $flyout-border !default;
307
307
 
308
308
  /* stylelint-disable */
309
309
  .e-daterangepicker.e-popup .e-footer{
310
- border-top: 1px solid $footer-top-border-color !important;
310
+ border-top: $footer-top-border-color !important;
311
311
  }
312
312
 
313
313
  $range-icon-mouse-border-radius: 16px !default;
@@ -50,7 +50,7 @@ $range-indicator-label-width: 100% !default;
50
50
  $range-device-indicator-margin: 8px 0 0 !default;
51
51
  $range-device-indicator-height: 24px !default;
52
52
  $range-separator-height: 1px !default;
53
- $range-border-value: 1px solid $content-bg-color-alt1 !default;
53
+ $range-border-value: 1px solid $flyout-border !default;
54
54
  $range-container-border-value: none !default;
55
55
  $range-separator-margin: 0 !default;
56
56
  $range-footer-height: 47px !default;
@@ -303,11 +303,11 @@ $modal-range-tablet-font-size: 18px !default;
303
303
 
304
304
  $range-header-font-size: 16px !default;
305
305
 
306
- $footer-top-border-color :1px solid $border-light !default;
306
+ $footer-top-border-color :1px solid $flyout-border !default;
307
307
 
308
308
  /* stylelint-disable */
309
309
  .e-daterangepicker.e-popup .e-footer{
310
- border-top: 1px solid $footer-top-border-color !important;
310
+ border-top: $footer-top-border-color !important;
311
311
  }
312
312
 
313
313
  $range-icon-mouse-border-radius: 16px !default;
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $grey-44 !default;
550
550
 
551
551
  &.e-chip-input {
552
552
  width: 0;
553
- display: none;
553
+ visibility: hidden;
554
554
  }
555
555
  }
556
556
 
@@ -549,7 +549,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
549
549
 
550
550
  &.e-chip-input {
551
551
  width: 0;
552
- display: none;
552
+ visibility: hidden;
553
553
  }
554
554
  }
555
555
 
@@ -551,7 +551,7 @@ $ddt-item-hover-bg: darken($gray-100,2%) !default;
551
551
 
552
552
  &.e-chip-input {
553
553
  width: 0;
554
- display: none;
554
+ visibility: hidden;
555
555
  }
556
556
  }
557
557
 
@@ -543,7 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
543
543
 
544
544
  &.e-chip-input {
545
545
  width: 0;
546
- display: none;
546
+ visibility: hidden;
547
547
  }
548
548
  }
549
549
 
@@ -543,7 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
543
543
 
544
544
  &.e-chip-input {
545
545
  width: 0;
546
- display: none;
546
+ visibility: hidden;
547
547
  }
548
548
  }
549
549
 
@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $neutral-light !default;
550
550
 
551
551
  &.e-chip-input {
552
552
  width: 0;
553
- display: none;
553
+ visibility: hidden;
554
554
  }
555
555
  }
556
556
 
@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $neutral-lighter !default;
550
550
 
551
551
  &.e-chip-input {
552
552
  width: 0;
553
- display: none;
553
+ visibility: hidden;
554
554
  }
555
555
  }
556
556
 
@@ -548,7 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
548
548
 
549
549
  &.e-chip-input {
550
550
  width: 0;
551
- display: none;
551
+ visibility: hidden;
552
552
  }
553
553
  }
554
554
 
@@ -548,7 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
548
548
 
549
549
  &.e-chip-input {
550
550
  width: 0;
551
- display: none;
551
+ visibility: hidden;
552
552
  }
553
553
  }
554
554
 
@@ -552,7 +552,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
552
552
 
553
553
  &.e-chip-input {
554
554
  width: 0;
555
- display: none;
555
+ visibility: hidden;
556
556
  }
557
557
  }
558
558
 
@@ -552,7 +552,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
552
552
 
553
553
  &.e-chip-input {
554
554
  width: 0;
555
- display: none;
555
+ visibility: hidden;
556
556
  }
557
557
  }
558
558
 
@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $hover-bg !default;
550
550
 
551
551
  &.e-chip-input {
552
552
  width: 0;
553
- display: none;
553
+ visibility: hidden;
554
554
  }
555
555
  }
556
556
 
@@ -551,7 +551,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !default;
551
551
 
552
552
  &.e-chip-input {
553
553
  width: 0;
554
- display: none;
554
+ visibility: hidden;
555
555
  }
556
556
  }
557
557
 
@@ -551,7 +551,7 @@ $ddt-item-hover-bg: $grey-100 !default;
551
551
 
552
552
  &.e-chip-input {
553
553
  width: 0;
554
- display: none;
554
+ visibility: hidden;
555
555
  }
556
556
  }
557
557
 
@@ -553,7 +553,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
553
553
 
554
554
  &.e-chip-input {
555
555
  width: 0;
556
- display: none;
556
+ visibility: hidden;
557
557
  }
558
558
  }
559
559
 
@@ -553,7 +553,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
553
553
 
554
554
  &.e-chip-input {
555
555
  width: 0;
556
- display: none;
556
+ visibility: hidden;
557
557
  }
558
558
  }
559
559
 
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -74,10 +74,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
74
74
  $listbox-template-multiline-padding: 4px !default;
75
75
  $listbox-template-multiline-content-font-size: $text-sm !default;
76
76
  $listbox-template-multiline-avatar-top: 0 !default;
77
- $listbox-filter-height: calc(100% - 47px) !default;
78
- $listbox-filter-small-height: calc(100% - 45px) !default;
79
- $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
80
- $listbox-filter-bigger-height: calc(100% - 55px) !default;
77
+ $listbox-filter-height: calc(100% - 52px) !default;
78
+ $listbox-filter-small-height: calc(100% - 48px) !default;
79
+ $listbox-filter-bigger-small-height: calc(100% - 58px) !default;
80
+ $listbox-filter-bigger-height: calc(100% - 60px) !default;
81
81
 
82
82
  $listbox-border-color: $border-light;
83
83
  $badge-color: $primary-text-color !default;
@@ -120,8 +120,6 @@ $listbox-filterselect-height: calc(100% - 38px) !default;
120
120
  $listbox-filterselect-bigger-height: calc(100% - 47px) !default;
121
121
  $listbox-mat-filter-height: calc(100% - 50px) !default;
122
122
  $listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
123
- $listbox-filter-height: calc(100% - 50px) !default;
124
- $listbox-filter-bigger-height: calc(100% - 58px) !default;
125
123
  $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
126
124
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
127
125
 
@@ -74,10 +74,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
74
74
  $listbox-template-multiline-padding: 4px !default;
75
75
  $listbox-template-multiline-content-font-size: $text-sm !default;
76
76
  $listbox-template-multiline-avatar-top: 0 !default;
77
- $listbox-filter-height: calc(100% - 47px) !default;
78
- $listbox-filter-small-height: calc(100% - 45px) !default;
79
- $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
80
- $listbox-filter-bigger-height: calc(100% - 55px) !default;
77
+ $listbox-filter-height: calc(100% - 52px) !default;
78
+ $listbox-filter-small-height: calc(100% - 48px) !default;
79
+ $listbox-filter-bigger-small-height: calc(100% - 58px) !default;
80
+ $listbox-filter-bigger-height: calc(100% - 60px) !default;
81
81
 
82
82
  $listbox-border-color: $border-light;
83
83
  $badge-color: $primary-text-color !default;
@@ -120,8 +120,6 @@ $listbox-filterselect-height: calc(100% - 38px) !default;
120
120
  $listbox-filterselect-bigger-height: calc(100% - 47px) !default;
121
121
  $listbox-mat-filter-height: calc(100% - 50px) !default;
122
122
  $listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
123
- $listbox-filter-height: calc(100% - 50px) !default;
124
- $listbox-filter-bigger-height: calc(100% - 58px) !default;
125
123
  $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
126
124
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
127
125
 
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2464,6 +2464,9 @@ ejs-multiselect {
2464
2464
  @if $ddl-multiselect-skin-name != 'Material3' {
2465
2465
  background-color: $ddl-chip-bg-color;
2466
2466
  }
2467
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2468
+ border: $dd-chip-border;
2469
+ }
2467
2470
  border-radius: $ddl-chip-radius;
2468
2471
  height: $ddl-chip-height;
2469
2472
  }
@@ -2453,6 +2453,9 @@ ejs-multiselect {
2453
2453
  @if $ddl-multiselect-skin-name != 'Material3' {
2454
2454
  background-color: $ddl-chip-bg-color;
2455
2455
  }
2456
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2457
+ border: $dd-chip-border;
2458
+ }
2456
2459
  border-radius: $ddl-chip-radius;
2457
2460
  height: $ddl-chip-height;
2458
2461
  }
@@ -2535,6 +2535,9 @@ ejs-multiselect {
2535
2535
  @if $ddl-multiselect-skin-name != 'Material3' {
2536
2536
  background-color: $ddl-chip-bg-color;
2537
2537
  }
2538
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2539
+ border: $dd-chip-border;
2540
+ }
2538
2541
  border-radius: $ddl-chip-radius;
2539
2542
  height: $ddl-chip-height;
2540
2543
  }
@@ -2487,6 +2487,9 @@ ejs-multiselect {
2487
2487
  @if $ddl-multiselect-skin-name != 'Material3' {
2488
2488
  background-color: $ddl-chip-bg-color;
2489
2489
  }
2490
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2491
+ border: $dd-chip-border;
2492
+ }
2490
2493
  border-radius: $ddl-chip-radius;
2491
2494
  height: $ddl-chip-height;
2492
2495
  }