@syncfusion/blazor-themes 26.1.40 → 26.1.42

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 (205) hide show
  1. package/SCSS-Themes/base/fluent2-highcontrast.scss +1 -1
  2. package/SCSS-Themes/bds-dark.scss +159 -53
  3. package/SCSS-Themes/bds.scss +159 -53
  4. package/SCSS-Themes/bootstrap-dark.scss +159 -53
  5. package/SCSS-Themes/bootstrap.scss +166 -60
  6. package/SCSS-Themes/bootstrap4.scss +166 -60
  7. package/SCSS-Themes/bootstrap5-dark.scss +170 -64
  8. package/SCSS-Themes/bootstrap5.scss +170 -64
  9. package/SCSS-Themes/calendars/calendar/bds-dark.scss +5 -0
  10. package/SCSS-Themes/calendars/calendar/bds.scss +5 -0
  11. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +5 -0
  12. package/SCSS-Themes/calendars/calendar/bootstrap.scss +5 -0
  13. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +5 -0
  14. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +5 -0
  15. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +5 -0
  16. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +5 -0
  17. package/SCSS-Themes/calendars/calendar/fabric.scss +5 -0
  18. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +5 -0
  19. package/SCSS-Themes/calendars/calendar/fluent.scss +5 -0
  20. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +5 -0
  21. package/SCSS-Themes/calendars/calendar/fluent2.scss +5 -0
  22. package/SCSS-Themes/calendars/calendar/highcontrast.scss +5 -0
  23. package/SCSS-Themes/calendars/calendar/material-dark.scss +5 -0
  24. package/SCSS-Themes/calendars/calendar/material.scss +5 -0
  25. package/SCSS-Themes/calendars/calendar/material3-dark.scss +5 -0
  26. package/SCSS-Themes/calendars/calendar/material3.scss +5 -0
  27. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +5 -0
  28. package/SCSS-Themes/calendars/calendar/tailwind.scss +5 -0
  29. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +3 -3
  30. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +3 -3
  31. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +1 -1
  32. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +1 -1
  33. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +1 -1
  34. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +1 -1
  35. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +1 -1
  36. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +1 -1
  37. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +1 -1
  38. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +1 -1
  39. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +1 -1
  40. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +1 -1
  41. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +1 -1
  42. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +1 -1
  43. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +1 -1
  45. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +1 -1
  47. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +1 -1
  49. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +1 -1
  51. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -1
  53. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -1
  54. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -1
  55. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -1
  56. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -1
  57. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -1
  58. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -1
  59. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -1
  60. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -1
  61. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -1
  62. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -1
  63. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -1
  64. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -1
  65. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -1
  66. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -1
  67. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -1
  68. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -1
  69. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -1
  70. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -1
  71. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +3 -0
  72. package/SCSS-Themes/dropdowns/multi-select/bds.scss +3 -0
  73. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +3 -0
  74. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +3 -0
  75. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +3 -0
  76. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +3 -0
  77. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +3 -0
  78. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +3 -0
  79. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +3 -0
  80. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +3 -0
  81. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +3 -0
  82. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +5 -1
  83. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +5 -1
  84. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +3 -0
  85. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +3 -0
  86. package/SCSS-Themes/dropdowns/multi-select/material.scss +3 -0
  87. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +3 -0
  88. package/SCSS-Themes/dropdowns/multi-select/material3.scss +3 -0
  89. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +3 -0
  90. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +3 -0
  91. package/SCSS-Themes/fabric-dark.scss +159 -53
  92. package/SCSS-Themes/fabric.scss +163 -57
  93. package/SCSS-Themes/fluent-dark.scss +167 -61
  94. package/SCSS-Themes/fluent.scss +167 -61
  95. package/SCSS-Themes/fluent2-dark.scss +181 -74
  96. package/SCSS-Themes/fluent2-highcontrast.scss +1 -1
  97. package/SCSS-Themes/fluent2.scss +181 -74
  98. package/SCSS-Themes/grids/grid/bds-dark.scss +23 -7
  99. package/SCSS-Themes/grids/grid/bds.scss +23 -7
  100. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +23 -7
  101. package/SCSS-Themes/grids/grid/bootstrap.scss +30 -14
  102. package/SCSS-Themes/grids/grid/bootstrap4.scss +30 -14
  103. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +33 -17
  104. package/SCSS-Themes/grids/grid/bootstrap5.scss +33 -17
  105. package/SCSS-Themes/grids/grid/fabric-dark.scss +23 -7
  106. package/SCSS-Themes/grids/grid/fabric.scss +27 -11
  107. package/SCSS-Themes/grids/grid/fluent-dark.scss +30 -14
  108. package/SCSS-Themes/grids/grid/fluent.scss +30 -14
  109. package/SCSS-Themes/grids/grid/fluent2-dark.scss +36 -20
  110. package/SCSS-Themes/grids/grid/fluent2.scss +36 -20
  111. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -14
  112. package/SCSS-Themes/grids/grid/material-dark.scss +23 -7
  113. package/SCSS-Themes/grids/grid/material.scss +24 -8
  114. package/SCSS-Themes/grids/grid/material3-dark.scss +29 -13
  115. package/SCSS-Themes/grids/grid/material3.scss +29 -13
  116. package/SCSS-Themes/grids/grid/tailwind-dark.scss +33 -17
  117. package/SCSS-Themes/grids/grid/tailwind.scss +33 -17
  118. package/SCSS-Themes/highcontrast.scss +166 -60
  119. package/SCSS-Themes/inputs/slider/bds-dark.scss +34 -7
  120. package/SCSS-Themes/inputs/slider/bds.scss +34 -7
  121. package/SCSS-Themes/inputs/slider/bootstrap-dark.scss +34 -7
  122. package/SCSS-Themes/inputs/slider/bootstrap.scss +34 -7
  123. package/SCSS-Themes/inputs/slider/bootstrap4.scss +34 -7
  124. package/SCSS-Themes/inputs/slider/bootstrap5-dark.scss +34 -7
  125. package/SCSS-Themes/inputs/slider/bootstrap5.scss +34 -7
  126. package/SCSS-Themes/inputs/slider/fabric-dark.scss +34 -7
  127. package/SCSS-Themes/inputs/slider/fabric.scss +34 -7
  128. package/SCSS-Themes/inputs/slider/fluent-dark.scss +34 -7
  129. package/SCSS-Themes/inputs/slider/fluent.scss +34 -7
  130. package/SCSS-Themes/inputs/slider/fluent2-dark.scss +34 -7
  131. package/SCSS-Themes/inputs/slider/fluent2.scss +34 -7
  132. package/SCSS-Themes/inputs/slider/highcontrast.scss +34 -7
  133. package/SCSS-Themes/inputs/slider/material-dark.scss +44 -16
  134. package/SCSS-Themes/inputs/slider/material.scss +34 -7
  135. package/SCSS-Themes/inputs/slider/material3-dark.scss +34 -7
  136. package/SCSS-Themes/inputs/slider/material3.scss +34 -7
  137. package/SCSS-Themes/inputs/slider/tailwind-dark.scss +34 -7
  138. package/SCSS-Themes/inputs/slider/tailwind.scss +34 -7
  139. package/SCSS-Themes/material-dark.scss +170 -63
  140. package/SCSS-Themes/material.scss +161 -55
  141. package/SCSS-Themes/material3-dark.scss +166 -60
  142. package/SCSS-Themes/material3.scss +166 -60
  143. package/SCSS-Themes/navigations/treeview/bds-dark.scss +2 -1
  144. package/SCSS-Themes/navigations/treeview/bds.scss +2 -1
  145. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +2 -1
  146. package/SCSS-Themes/navigations/treeview/bootstrap.scss +2 -1
  147. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +2 -1
  148. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +2 -1
  149. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +2 -1
  150. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +2 -1
  151. package/SCSS-Themes/navigations/treeview/fabric.scss +2 -1
  152. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +2 -1
  153. package/SCSS-Themes/navigations/treeview/fluent.scss +2 -1
  154. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +2 -1
  155. package/SCSS-Themes/navigations/treeview/fluent2.scss +2 -1
  156. package/SCSS-Themes/navigations/treeview/highcontrast.scss +2 -1
  157. package/SCSS-Themes/navigations/treeview/material-dark.scss +2 -1
  158. package/SCSS-Themes/navigations/treeview/material.scss +2 -1
  159. package/SCSS-Themes/navigations/treeview/material3-dark.scss +2 -1
  160. package/SCSS-Themes/navigations/treeview/material3.scss +2 -1
  161. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +2 -1
  162. package/SCSS-Themes/navigations/treeview/tailwind.scss +2 -1
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +89 -36
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +89 -36
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +89 -36
  166. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +89 -36
  167. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +89 -36
  168. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +90 -37
  169. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +90 -37
  170. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +89 -36
  171. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +89 -36
  172. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +90 -37
  173. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +90 -37
  174. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +93 -40
  175. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +93 -40
  176. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +89 -36
  177. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +90 -37
  178. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +90 -37
  179. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +90 -37
  180. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +90 -37
  181. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +90 -37
  182. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +90 -37
  183. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +1 -0
  184. package/SCSS-Themes/ribbon/ribbon/bds.scss +1 -0
  185. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +1 -0
  186. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +1 -0
  187. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +1 -0
  188. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +1 -0
  189. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +1 -0
  190. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +1 -0
  191. package/SCSS-Themes/ribbon/ribbon/fabric.scss +1 -0
  192. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +1 -0
  193. package/SCSS-Themes/ribbon/ribbon/fluent.scss +1 -0
  194. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +1 -0
  195. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +1 -0
  196. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +1 -0
  197. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +1 -0
  198. package/SCSS-Themes/ribbon/ribbon/material.scss +1 -0
  199. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +1 -0
  200. package/SCSS-Themes/ribbon/ribbon/material3.scss +1 -0
  201. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +1 -0
  202. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +1 -0
  203. package/SCSS-Themes/tailwind-dark.scss +170 -64
  204. package/SCSS-Themes/tailwind.scss +170 -64
  205. package/package.json +1 -1
@@ -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;
@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
458
458
  }
459
459
  }
460
460
  }
461
- .e-listview .e-list-icon {
461
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
462
462
  height: 24px;
463
463
  width: 16px;
464
464
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
458
458
  }
459
459
  }
460
460
  }
461
- .e-listview .e-list-icon {
461
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
462
462
  height: 24px;
463
463
  width: 16px;
464
464
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -442,7 +442,7 @@ $de-prop-btn-icon-clr: #ccc;
442
442
  }
443
443
  }
444
444
  }
445
- .e-listview .e-list-icon {
445
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
446
446
  height: 24px;
447
447
  width: 16px;
448
448
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -442,7 +442,7 @@ $de-prop-btn-icon-clr: #ccc;
442
442
  }
443
443
  }
444
444
  }
445
- .e-listview .e-list-icon {
445
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
446
446
  height: 24px;
447
447
  width: 16px;
448
448
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 25px;
458
458
  }
459
459
  }
460
460
  }
461
- .e-listview .e-list-icon {
461
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
462
462
  height: 24px;
463
463
  width: 16px;
464
464
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -464,7 +464,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
464
464
  }
465
465
  }
466
466
  }
467
- .e-listview .e-list-icon {
467
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
468
468
  height: 24px;
469
469
  width: 16px;
470
470
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -464,7 +464,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
464
464
  }
465
465
  }
466
466
  }
467
- .e-listview .e-list-icon {
467
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
468
468
  height: 24px;
469
469
  width: 16px;
470
470
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -446,7 +446,7 @@ $de-prop-btn-icon-clr: #ccc;
446
446
  }
447
447
  }
448
448
  }
449
- .e-listview .e-list-icon {
449
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
450
450
  height: 24px;
451
451
  width: 16px;
452
452
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -444,7 +444,7 @@ $de-prop-btn-icon-clr: #ccc;
444
444
  }
445
445
  }
446
446
  }
447
- .e-listview .e-list-icon {
447
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
448
448
  height: 24px;
449
449
  width: 16px;
450
450
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -465,7 +465,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
465
465
  }
466
466
  }
467
467
  }
468
- .e-listview .e-list-icon {
468
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
469
469
  height: 24px;
470
470
  width: 16px;
471
471
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -465,7 +465,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
465
465
  }
466
466
  }
467
467
  }
468
- .e-listview .e-list-icon {
468
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
469
469
  height: 24px;
470
470
  width: 16px;
471
471
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -467,7 +467,7 @@ $de-hlt-clr-height-bigger: 24px;
467
467
  }
468
468
  }
469
469
  }
470
- .e-listview .e-list-icon {
470
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
471
471
  height: 24px;
472
472
  width: 16px;
473
473
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -467,7 +467,7 @@ $de-hlt-clr-height-bigger: 24px;
467
467
  }
468
468
  }
469
469
  }
470
- .e-listview .e-list-icon {
470
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
471
471
  height: 24px;
472
472
  width: 16px;
473
473
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -445,7 +445,7 @@ $de-prop-btn-icon-clr: #ccc;
445
445
  }
446
446
  }
447
447
  }
448
- .e-listview .e-list-icon {
448
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
449
449
  height: 24px;
450
450
  width: 16px;
451
451
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -446,7 +446,7 @@ $de-prop-btn-icon-clr: #ccc;
446
446
  }
447
447
  }
448
448
  }
449
- .e-listview .e-list-icon {
449
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
450
450
  height: 24px;
451
451
  width: 16px;
452
452
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -445,7 +445,7 @@ $de-prop-btn-icon-clr: #ccc;
445
445
  }
446
446
  }
447
447
  }
448
- .e-listview .e-list-icon {
448
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
449
449
  height: 24px;
450
450
  width: 16px;
451
451
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -468,7 +468,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
468
468
  }
469
469
  }
470
470
  }
471
- .e-listview .e-list-icon {
471
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
472
472
  height: 24px;
473
473
  width: 16px;
474
474
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -468,7 +468,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
468
468
  }
469
469
  }
470
470
  }
471
- .e-listview .e-list-icon {
471
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
472
472
  height: 24px;
473
473
  width: 16px;
474
474
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
458
458
  }
459
459
  }
460
460
  }
461
- .e-listview .e-list-icon {
461
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
462
462
  height: 24px;
463
463
  width: 16px;
464
464
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
458
458
  }
459
459
  }
460
460
  }
461
- .e-listview .e-list-icon {
461
+ .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
462
462
  height: 24px;
463
463
  width: 16px;
464
464
  margin-right: $e-de-ctnr-break-listview-margin-right;
@@ -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