@syncfusion/blazor-themes 23.1.41 → 23.1.43

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 (145) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +52 -27
  2. package/SCSS-Themes/bootstrap.scss +52 -27
  3. package/SCSS-Themes/bootstrap4.scss +52 -27
  4. package/SCSS-Themes/bootstrap5-dark.scss +52 -27
  5. package/SCSS-Themes/bootstrap5.scss +52 -27
  6. package/SCSS-Themes/buttons/switch/bootstrap-dark.scss +6 -2
  7. package/SCSS-Themes/buttons/switch/bootstrap.scss +6 -2
  8. package/SCSS-Themes/buttons/switch/bootstrap4.scss +6 -2
  9. package/SCSS-Themes/buttons/switch/bootstrap5-dark.scss +6 -2
  10. package/SCSS-Themes/buttons/switch/bootstrap5.scss +6 -2
  11. package/SCSS-Themes/buttons/switch/fabric-dark.scss +6 -2
  12. package/SCSS-Themes/buttons/switch/fabric.scss +6 -2
  13. package/SCSS-Themes/buttons/switch/fluent-dark.scss +6 -2
  14. package/SCSS-Themes/buttons/switch/fluent.scss +6 -2
  15. package/SCSS-Themes/buttons/switch/highcontrast.scss +6 -2
  16. package/SCSS-Themes/buttons/switch/material-dark.scss +6 -2
  17. package/SCSS-Themes/buttons/switch/material.scss +6 -2
  18. package/SCSS-Themes/buttons/switch/material3-dark.scss +6 -2
  19. package/SCSS-Themes/buttons/switch/material3.scss +6 -2
  20. package/SCSS-Themes/buttons/switch/tailwind-dark.scss +6 -2
  21. package/SCSS-Themes/buttons/switch/tailwind.scss +6 -2
  22. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +9 -6
  23. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +9 -6
  24. package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss +9 -6
  25. package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss +9 -6
  26. package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss +9 -6
  27. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +9 -6
  28. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +9 -6
  29. package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss +26 -6
  30. package/SCSS-Themes/calendars/daterangepicker/fluent.scss +26 -6
  31. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +9 -6
  32. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +9 -6
  33. package/SCSS-Themes/calendars/daterangepicker/material.scss +9 -6
  34. package/SCSS-Themes/calendars/daterangepicker/material3-dark.scss +9 -6
  35. package/SCSS-Themes/calendars/daterangepicker/material3.scss +9 -6
  36. package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss +9 -6
  37. package/SCSS-Themes/calendars/daterangepicker/tailwind.scss +9 -6
  38. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +1 -1
  39. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +1 -1
  40. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +1 -1
  41. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +1 -1
  42. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +1 -1
  43. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +1 -1
  44. package/SCSS-Themes/dropdowns/list-box/fabric.scss +1 -1
  45. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +1 -1
  46. package/SCSS-Themes/dropdowns/list-box/fluent.scss +1 -1
  47. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +1 -1
  48. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +1 -1
  49. package/SCSS-Themes/dropdowns/list-box/material.scss +1 -1
  50. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +1 -1
  51. package/SCSS-Themes/dropdowns/list-box/material3.scss +1 -1
  52. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +1 -1
  53. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +1 -1
  54. package/SCSS-Themes/fabric-dark.scss +53 -28
  55. package/SCSS-Themes/fabric.scss +53 -28
  56. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +10 -0
  57. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +10 -0
  58. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +10 -0
  59. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +10 -0
  60. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +10 -0
  61. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +10 -0
  62. package/SCSS-Themes/filemanager/file-manager/fabric.scss +10 -0
  63. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +10 -0
  64. package/SCSS-Themes/filemanager/file-manager/fluent.scss +10 -0
  65. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +10 -0
  66. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +10 -0
  67. package/SCSS-Themes/filemanager/file-manager/material.scss +10 -0
  68. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +10 -0
  69. package/SCSS-Themes/filemanager/file-manager/material3.scss +10 -0
  70. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +10 -0
  71. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +10 -0
  72. package/SCSS-Themes/fluent-dark.scss +69 -27
  73. package/SCSS-Themes/fluent.scss +69 -27
  74. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  75. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  76. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  77. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  78. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  79. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  80. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  81. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  82. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  84. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  85. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  86. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  87. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  88. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  89. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  90. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -13
  91. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -13
  92. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -13
  93. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -13
  94. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -13
  95. package/SCSS-Themes/grids/grid/fabric-dark.scss +12 -14
  96. package/SCSS-Themes/grids/grid/fabric.scss +12 -14
  97. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -13
  98. package/SCSS-Themes/grids/grid/fluent.scss +11 -13
  99. package/SCSS-Themes/grids/grid/highcontrast.scss +12 -14
  100. package/SCSS-Themes/grids/grid/material-dark.scss +12 -14
  101. package/SCSS-Themes/grids/grid/material.scss +12 -14
  102. package/SCSS-Themes/grids/grid/material3-dark.scss +11 -13
  103. package/SCSS-Themes/grids/grid/material3.scss +11 -13
  104. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -13
  105. package/SCSS-Themes/grids/grid/tailwind.scss +11 -13
  106. package/SCSS-Themes/highcontrast.scss +53 -28
  107. package/SCSS-Themes/material-dark.scss +53 -28
  108. package/SCSS-Themes/material.scss +53 -28
  109. package/SCSS-Themes/material3-dark.scss +52 -27
  110. package/SCSS-Themes/material3.scss +52 -27
  111. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
  112. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
  113. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
  114. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
  115. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
  116. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
  117. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
  118. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +0 -1
  119. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +0 -1
  120. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
  121. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +0 -1
  122. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +0 -1
  123. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +0 -1
  124. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +0 -1
  125. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
  126. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
  127. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +14 -3
  128. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +14 -3
  129. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +14 -3
  130. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +14 -3
  131. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +14 -3
  132. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +14 -3
  133. package/SCSS-Themes/pivotview/pivotview/fabric.scss +14 -3
  134. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +14 -3
  135. package/SCSS-Themes/pivotview/pivotview/fluent.scss +14 -3
  136. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +14 -3
  137. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +14 -3
  138. package/SCSS-Themes/pivotview/pivotview/material.scss +14 -3
  139. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +14 -3
  140. package/SCSS-Themes/pivotview/pivotview/material3.scss +14 -3
  141. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +14 -3
  142. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +14 -3
  143. package/SCSS-Themes/tailwind-dark.scss +52 -27
  144. package/SCSS-Themes/tailwind.scss +52 -27
  145. package/package.json +1 -1
@@ -552,7 +552,7 @@ $grid-animator-bigger-area-margin: 8px !default;
552
552
  $grid-group-animator-drop-height: 40px !default;
553
553
  $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
554
554
  $grid-animtor-border-bottom-width: 1px !default;
555
- $grid-animator-area-padding: 0 !default;
555
+ $grid-animator-area-padding: 0 8px 0 !default;
556
556
  $grid-animtor-area-border-width: 1px !default;
557
557
  $grid-animator-area-border: 0 4px 0 4px !default;
558
558
  $grid-animator-area-margin: 5px !default;
@@ -823,6 +823,10 @@ $grid-dropitems-count-margin-left: -9px !default;
823
823
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
824
824
  }
825
825
 
826
+ .e-summarycell.e-lastrowcell {
827
+ border-bottom-width: 1px;
828
+ }
829
+
826
830
  .e-rowcell .e-checkbox-wrapper,
827
831
  .e-rowcell .e-css.e-checkbox-wrapper {
828
832
  @if $grid-skin == 'material3' {
@@ -1977,7 +1981,7 @@ $grid-dropitems-count-margin-left: -9px !default;
1977
1981
 
1978
1982
  .e-bigger & .e-group-animator .e-groupheadercell,
1979
1983
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
1980
- margin: $grid-group-animator-bigger-cell-margin;
1984
+ margin: $grid-group-animator-bigger-cell-margin;
1981
1985
  border-bottom-width: $grid-animtor-border-bottom-width;
1982
1986
  }
1983
1987
 
@@ -1997,7 +2001,7 @@ $grid-dropitems-count-margin-left: -9px !default;
1997
2001
 
1998
2002
  & .e-group-animator .e-groupheadercell,
1999
2003
  & .e-group-animator .e-groupheadercell:hover {
2000
- margin: $grid-group-animator-cell-margin;
2004
+ margin: $grid-group-animator-cell-margin;
2001
2005
  border-bottom-width: $grid-animtor-border-bottom-width;
2002
2006
  }
2003
2007
 
@@ -2006,9 +2010,8 @@ $grid-dropitems-count-margin-left: -9px !default;
2006
2010
  }
2007
2011
 
2008
2012
  & .e-groupdroparea.e-group-animate.e-grouped {
2009
- overflow: hidden;
2010
2013
  padding: $grid-animator-area-padding;
2011
- height: $grid-group-animator-drop-height;
2014
+ height: auto;
2012
2015
  border-bottom-width: $grid-animator-area-border;
2013
2016
  }
2014
2017
 
@@ -2026,14 +2029,6 @@ $grid-dropitems-count-margin-left: -9px !default;
2026
2029
  margin-top: $grid-animator-margin-top-rtl;
2027
2030
  }
2028
2031
 
2029
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
2030
- margin: $grid-animator-rtl-first-group;
2031
- }
2032
-
2033
- & .e-group-animator:first-child .e-groupheadercell {
2034
- margin: $grid-animator-first-group;
2035
- }
2036
-
2037
2032
  .e-group-animate.e-groupdroparea .e-nextgroup {
2038
2033
  margin-top: $grid-animator-area-margin;
2039
2034
  }
@@ -2521,6 +2516,9 @@ $grid-dropitems-count-margin-left: -9px !default;
2521
2516
  }
2522
2517
  white-space: normal;
2523
2518
  word-wrap: break-word;
2519
+ &.e-lastrowcell {
2520
+ border-bottom-width: 1px;
2521
+ }
2524
2522
  }
2525
2523
 
2526
2524
  .e-summarycontent {
@@ -553,7 +553,7 @@ $grid-animator-bigger-area-margin: 22px !default;
553
553
  $grid-group-animator-drop-height: 48px !default;
554
554
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
555
555
  $grid-animtor-border-bottom-width: 1px !default;
556
- $grid-animator-area-padding: 0 !default;
556
+ $grid-animator-area-padding: 0 12px 0 !default;
557
557
  $grid-animtor-area-border-width: 1px !default;
558
558
  $grid-animator-area-border: 0 !default;
559
559
  $grid-animator-area-margin: 9px !default;
@@ -823,6 +823,10 @@ $grid-dropitems-count-margin-left: -8px !default;
823
823
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
824
824
  }
825
825
 
826
+ .e-summarycell.e-lastrowcell {
827
+ border-bottom-width: 1px;
828
+ }
829
+
826
830
  .e-rowcell .e-checkbox-wrapper,
827
831
  .e-rowcell .e-css.e-checkbox-wrapper {
828
832
  @if $grid-skin == 'material3' {
@@ -1977,7 +1981,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1977
1981
 
1978
1982
  .e-bigger & .e-group-animator .e-groupheadercell,
1979
1983
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
1980
- margin: $grid-group-animator-bigger-cell-margin;
1984
+ margin: $grid-group-animator-bigger-cell-margin;
1981
1985
  border-bottom-width: $grid-animtor-border-bottom-width;
1982
1986
  }
1983
1987
 
@@ -1997,7 +2001,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1997
2001
 
1998
2002
  & .e-group-animator .e-groupheadercell,
1999
2003
  & .e-group-animator .e-groupheadercell:hover {
2000
- margin: $grid-group-animator-cell-margin;
2004
+ margin: $grid-group-animator-cell-margin;
2001
2005
  border-bottom-width: $grid-animtor-border-bottom-width;
2002
2006
  }
2003
2007
 
@@ -2006,9 +2010,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2006
2010
  }
2007
2011
 
2008
2012
  & .e-groupdroparea.e-group-animate.e-grouped {
2009
- overflow: hidden;
2010
2013
  padding: $grid-animator-area-padding;
2011
- height: $grid-group-animator-drop-height;
2014
+ height: auto;
2012
2015
  border-bottom-width: $grid-animator-area-border;
2013
2016
  }
2014
2017
 
@@ -2026,14 +2029,6 @@ $grid-dropitems-count-margin-left: -8px !default;
2026
2029
  margin-top: $grid-animator-margin-top-rtl;
2027
2030
  }
2028
2031
 
2029
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
2030
- margin: $grid-animator-rtl-first-group;
2031
- }
2032
-
2033
- & .e-group-animator:first-child .e-groupheadercell {
2034
- margin: $grid-animator-first-group;
2035
- }
2036
-
2037
2032
  .e-group-animate.e-groupdroparea .e-nextgroup {
2038
2033
  margin-top: $grid-animator-area-margin;
2039
2034
  }
@@ -2521,6 +2516,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2521
2516
  }
2522
2517
  white-space: normal;
2523
2518
  word-wrap: break-word;
2519
+ &.e-lastrowcell {
2520
+ border-bottom-width: 1px;
2521
+ }
2524
2522
  }
2525
2523
 
2526
2524
  .e-summarycontent {
@@ -553,7 +553,7 @@ $grid-animator-bigger-area-margin: 22px !default;
553
553
  $grid-group-animator-drop-height: 48px !default;
554
554
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
555
555
  $grid-animtor-border-bottom-width: 1px !default;
556
- $grid-animator-area-padding: 0 !default;
556
+ $grid-animator-area-padding: 0 12px 0 !default;
557
557
  $grid-animtor-area-border-width: 1px !default;
558
558
  $grid-animator-area-border: 0 !default;
559
559
  $grid-animator-area-margin: 9px !default;
@@ -823,6 +823,10 @@ $grid-dropitems-count-margin-left: -8px !default;
823
823
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
824
824
  }
825
825
 
826
+ .e-summarycell.e-lastrowcell {
827
+ border-bottom-width: 1px;
828
+ }
829
+
826
830
  .e-rowcell .e-checkbox-wrapper,
827
831
  .e-rowcell .e-css.e-checkbox-wrapper {
828
832
  @if $grid-skin == 'material3' {
@@ -1977,7 +1981,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1977
1981
 
1978
1982
  .e-bigger & .e-group-animator .e-groupheadercell,
1979
1983
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
1980
- margin: $grid-group-animator-bigger-cell-margin;
1984
+ margin: $grid-group-animator-bigger-cell-margin;
1981
1985
  border-bottom-width: $grid-animtor-border-bottom-width;
1982
1986
  }
1983
1987
 
@@ -1997,7 +2001,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1997
2001
 
1998
2002
  & .e-group-animator .e-groupheadercell,
1999
2003
  & .e-group-animator .e-groupheadercell:hover {
2000
- margin: $grid-group-animator-cell-margin;
2004
+ margin: $grid-group-animator-cell-margin;
2001
2005
  border-bottom-width: $grid-animtor-border-bottom-width;
2002
2006
  }
2003
2007
 
@@ -2006,9 +2010,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2006
2010
  }
2007
2011
 
2008
2012
  & .e-groupdroparea.e-group-animate.e-grouped {
2009
- overflow: hidden;
2010
2013
  padding: $grid-animator-area-padding;
2011
- height: $grid-group-animator-drop-height;
2014
+ height: auto;
2012
2015
  border-bottom-width: $grid-animator-area-border;
2013
2016
  }
2014
2017
 
@@ -2026,14 +2029,6 @@ $grid-dropitems-count-margin-left: -8px !default;
2026
2029
  margin-top: $grid-animator-margin-top-rtl;
2027
2030
  }
2028
2031
 
2029
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
2030
- margin: $grid-animator-rtl-first-group;
2031
- }
2032
-
2033
- & .e-group-animator:first-child .e-groupheadercell {
2034
- margin: $grid-animator-first-group;
2035
- }
2036
-
2037
2032
  .e-group-animate.e-groupdroparea .e-nextgroup {
2038
2033
  margin-top: $grid-animator-area-margin;
2039
2034
  }
@@ -2521,6 +2516,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2521
2516
  }
2522
2517
  white-space: normal;
2523
2518
  word-wrap: break-word;
2519
+ &.e-lastrowcell {
2520
+ border-bottom-width: 1px;
2521
+ }
2524
2522
  }
2525
2523
 
2526
2524
  .e-summarycontent {
@@ -40288,11 +40288,15 @@ $switch-bigger-small-ripple-width: 36px !default;
40288
40288
  }
40289
40289
 
40290
40290
  & .e-ripple-container {
40291
- background-color: $switch-checked-ripple-bg-color;
40291
+ @if $skin-name == 'Material3' {
40292
+ background-color: $switch-checked-ripple-bg-color;
40293
+ }
40292
40294
  }
40293
40295
 
40294
40296
  & .e-ripple-check.e-ripple-container {
40295
- background-color: $switch-ripple-bg-color;
40297
+ @if $skin-name == 'Material3' {
40298
+ background-color: $switch-ripple-bg-color;
40299
+ }
40296
40300
  }
40297
40301
  }
40298
40302
  }
@@ -42032,8 +42036,8 @@ $range-header-font-size: 16px !default;
42032
42036
  #{if(&, '&', '*')} .e-title {
42033
42037
  cursor: $range-cursor-pointer-style;
42034
42038
  line-height: $range-normal-nav-icon-height;
42035
- width: $range-control-header-width;
42036
42039
  @if ($skin-name != 'FluentUI') {
42040
+ width: $range-control-header-width;
42037
42041
  float: $range-float-none;
42038
42042
  font-weight: $range-font-weight-normal;
42039
42043
  margin-left: $range-value-zero;
@@ -42047,12 +42051,13 @@ $range-header-font-size: 16px !default;
42047
42051
  }
42048
42052
  }
42049
42053
  #{if(&, '&', '*')} .e-next {
42050
- float: $range-float-right;
42054
+ @if ($skin-name != 'FluentUI') {
42055
+ float: $range-float-right;
42056
+ }
42051
42057
  }
42052
42058
  #{if(&, '&', '*')} .e-prev {
42053
- float: $range-float-left;
42054
- @if ($skin-name == 'FluentUI') {
42055
- float: $range-float-right;
42059
+ @if ($skin-name != 'FluentUI') {
42060
+ float: $range-float-left;
42056
42061
  }
42057
42062
  }
42058
42063
  #{if(&, '&', '*')} .e-next,
@@ -42196,7 +42201,9 @@ $range-header-font-size: 16px !default;
42196
42201
  float: $range-float-left;
42197
42202
  }
42198
42203
  #{if(&, '&', '*')} .e-prev {
42199
- float: $range-float-right;
42204
+ @if ($skin-name != 'FluentUI') {
42205
+ float: $range-float-right;
42206
+ }
42200
42207
  }
42201
42208
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42202
42209
  border-radius: $range-hover-end-radius;
@@ -63252,7 +63259,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
63252
63259
  }
63253
63260
 
63254
63261
  & .e-selectall-parent + .e-list-parent {
63255
- height: $listbox-select-height;
63262
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
63256
63263
  }
63257
63264
 
63258
63265
  & .e-icons {
@@ -74624,7 +74631,7 @@ $grid-header-font-size: 14px !default;
74624
74631
  $grid-bigger-header-font-size: $grid-header-font-size !default;
74625
74632
  $grid-grouped-headercell-span-padding: 0 !default;
74626
74633
  $grid-group-unpgroupicon-padding-right: 0 !default;
74627
- $grid-group-text-width: 57px !default;
74634
+ $grid-group-text-width: auto !default;
74628
74635
 
74629
74636
  $grid-content-bg-color: $content-bg-color !default;
74630
74637
  $grid-popup-bg-color: $content-bg-color !default;
@@ -75131,7 +75138,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75131
75138
  $grid-group-animator-drop-height: 58px !default;
75132
75139
  $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
75133
75140
  $grid-animtor-border-bottom-width: 1px !default;
75134
- $grid-animator-area-padding: 0 !default;
75141
+ $grid-animator-area-padding: 0 16px 0 !default;
75135
75142
  $grid-animtor-area-border-width: 1px !default;
75136
75143
  $grid-animator-area-border: 0 !default;
75137
75144
  $grid-animator-area-margin: 14px !default;
@@ -75395,6 +75402,10 @@ $grid-dropitems-count-margin-left: -8px !default;
75395
75402
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
75396
75403
  }
75397
75404
 
75405
+ .e-summarycell.e-lastrowcell {
75406
+ border-bottom-width: 1px;
75407
+ }
75408
+
75398
75409
  .e-rowcell .e-checkbox-wrapper,
75399
75410
  .e-rowcell .e-css.e-checkbox-wrapper {
75400
75411
  @if $grid-skin == 'material3' {
@@ -76549,7 +76560,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76549
76560
 
76550
76561
  .e-bigger & .e-group-animator .e-groupheadercell,
76551
76562
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76552
- margin: $grid-group-animator-bigger-cell-margin;
76563
+ margin: $grid-group-animator-bigger-cell-margin;
76553
76564
  border-bottom-width: $grid-animtor-border-bottom-width;
76554
76565
  }
76555
76566
 
@@ -76569,7 +76580,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76569
76580
 
76570
76581
  & .e-group-animator .e-groupheadercell,
76571
76582
  & .e-group-animator .e-groupheadercell:hover {
76572
- margin: $grid-group-animator-cell-margin;
76583
+ margin: $grid-group-animator-cell-margin;
76573
76584
  border-bottom-width: $grid-animtor-border-bottom-width;
76574
76585
  }
76575
76586
 
@@ -76578,9 +76589,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76578
76589
  }
76579
76590
 
76580
76591
  & .e-groupdroparea.e-group-animate.e-grouped {
76581
- overflow: hidden;
76582
76592
  padding: $grid-animator-area-padding;
76583
- height: $grid-group-animator-drop-height;
76593
+ height: auto;
76584
76594
  border-bottom-width: $grid-animator-area-border;
76585
76595
  }
76586
76596
 
@@ -76598,14 +76608,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76598
76608
  margin-top: $grid-animator-margin-top-rtl;
76599
76609
  }
76600
76610
 
76601
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76602
- margin: $grid-animator-rtl-first-group;
76603
- }
76604
-
76605
- & .e-group-animator:first-child .e-groupheadercell {
76606
- margin: $grid-animator-first-group;
76607
- }
76608
-
76609
76611
  .e-group-animate.e-groupdroparea .e-nextgroup {
76610
76612
  margin-top: $grid-animator-area-margin;
76611
76613
  }
@@ -77093,6 +77095,9 @@ $grid-dropitems-count-margin-left: -8px !default;
77093
77095
  }
77094
77096
  white-space: normal;
77095
77097
  word-wrap: break-word;
77098
+ &.e-lastrowcell {
77099
+ border-bottom-width: 1px;
77100
+ }
77096
77101
  }
77097
77102
 
77098
77103
  .e-summarycontent {
@@ -82430,6 +82435,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82430
82435
  .e-rcursor {
82431
82436
  border: 0;
82432
82437
  }
82438
+
82439
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82440
+ padding: 5px 8px;
82441
+ line-height: 16px;
82442
+ }
82433
82443
  }
82434
82444
 
82435
82445
  @include visibility(hidden);
@@ -82480,6 +82490,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82480
82490
  line-height: 20px;
82481
82491
  }
82482
82492
  }
82493
+
82494
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82495
+ padding: 10px 8px;
82496
+ line-height: 16px;
82497
+ }
82483
82498
  }
82484
82499
 
82485
82500
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -91748,7 +91763,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91748
91763
  }
91749
91764
 
91750
91765
  .e-zero-spacing {
91751
- border-spacing: .25px;
91766
+ border-spacing: 0;
91752
91767
  }
91753
91768
 
91754
91769
  .e-chart-row:first-child .e-chart-row-border {
@@ -107083,7 +107098,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
107083
107098
  .e-label {
107084
107099
  color: $field-list-default-font-color;
107085
107100
  font-family: $field-list-font-family;
107086
- font-size: 14px;
107087
107101
  opacity: .87;
107088
107102
  }
107089
107103
  }
@@ -109451,6 +109465,16 @@ $pivotpager-single-size-title-padding: 4px !default;
109451
109465
  }
109452
109466
  }
109453
109467
 
109468
+ &.e-device {
109469
+ .e-pivotcell-container {
109470
+ .e-stackedheadertext {
109471
+ &.e-cellvalue {
109472
+ align-self: center;
109473
+ }
109474
+ }
109475
+ }
109476
+ }
109477
+
109454
109478
  .e-nextspan {
109455
109479
  display: inline-block;
109456
109480
  width: $pivotview-indent-space-size;
@@ -109512,9 +109536,10 @@ $pivotpager-single-size-title-padding: 4px !default;
109512
109536
  border-bottom-color: $border-light;
109513
109537
  }
109514
109538
 
109515
- table th[rowspan = '1'] {
109516
- padding-bottom: 0;
109517
- padding-top: 0;
109539
+ table th[rowspan = '1'],
109540
+ table th:not([rowspan]) {
109541
+ padding-bottom: 0 !important;
109542
+ padding-top: 0 !important;
109518
109543
  vertical-align: middle;
109519
109544
  }
109520
109545
  }
@@ -40810,11 +40810,15 @@ $switch-handle-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2),
40810
40810
  }
40811
40811
 
40812
40812
  & .e-ripple-container {
40813
- background-color: $switch-checked-ripple-bg-color;
40813
+ @if $skin-name == 'Material3' {
40814
+ background-color: $switch-checked-ripple-bg-color;
40815
+ }
40814
40816
  }
40815
40817
 
40816
40818
  & .e-ripple-check.e-ripple-container {
40817
- background-color: $switch-ripple-bg-color;
40819
+ @if $skin-name == 'Material3' {
40820
+ background-color: $switch-ripple-bg-color;
40821
+ }
40818
40822
  }
40819
40823
  }
40820
40824
  }
@@ -42572,8 +42576,8 @@ $range-header-font-size: 16px !default;
42572
42576
  #{if(&, '&', '*')} .e-title {
42573
42577
  cursor: $range-cursor-pointer-style;
42574
42578
  line-height: $range-normal-nav-icon-height;
42575
- width: $range-control-header-width;
42576
42579
  @if ($skin-name != 'FluentUI') {
42580
+ width: $range-control-header-width;
42577
42581
  float: $range-float-none;
42578
42582
  font-weight: $range-font-weight-normal;
42579
42583
  margin-left: $range-value-zero;
@@ -42587,12 +42591,13 @@ $range-header-font-size: 16px !default;
42587
42591
  }
42588
42592
  }
42589
42593
  #{if(&, '&', '*')} .e-next {
42590
- float: $range-float-right;
42594
+ @if ($skin-name != 'FluentUI') {
42595
+ float: $range-float-right;
42596
+ }
42591
42597
  }
42592
42598
  #{if(&, '&', '*')} .e-prev {
42593
- float: $range-float-left;
42594
- @if ($skin-name == 'FluentUI') {
42595
- float: $range-float-right;
42599
+ @if ($skin-name != 'FluentUI') {
42600
+ float: $range-float-left;
42596
42601
  }
42597
42602
  }
42598
42603
  #{if(&, '&', '*')} .e-next,
@@ -42736,7 +42741,9 @@ $range-header-font-size: 16px !default;
42736
42741
  float: $range-float-left;
42737
42742
  }
42738
42743
  #{if(&, '&', '*')} .e-prev {
42739
- float: $range-float-right;
42744
+ @if ($skin-name != 'FluentUI') {
42745
+ float: $range-float-right;
42746
+ }
42740
42747
  }
42741
42748
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42742
42749
  border-radius: $range-hover-end-radius;
@@ -64529,7 +64536,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
64529
64536
  }
64530
64537
 
64531
64538
  & .e-selectall-parent + .e-list-parent {
64532
- height: $listbox-select-height;
64539
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
64533
64540
  }
64534
64541
 
64535
64542
  & .e-icons {
@@ -75920,7 +75927,7 @@ $grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
75920
75927
  $grid-headercell-div-padding: 0 .6em !default;
75921
75928
  $grid-grouped-headercell-span-padding: 0 !default;
75922
75929
  $grid-group-unpgroupicon-padding-right: 0 !default;
75923
- $grid-group-text-width: 57px !default;
75930
+ $grid-group-text-width: auto !default;
75924
75931
 
75925
75932
  $grid-content-bg-color: $content-bg-color !default;
75926
75933
  $grid-popup-bg-color: $content-bg-color !default;
@@ -76430,7 +76437,7 @@ $grid-group-animator-drop-height: 48px !default;
76430
76437
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
76431
76438
  $grid-group-animator-drop-height: 48px !default;
76432
76439
  $grid-animtor-border-bottom-width: 1px !default;
76433
- $grid-animator-area-padding: 0 !default;
76440
+ $grid-animator-area-padding: 0 12px 0 !default;
76434
76441
  $grid-animtor-area-border-width: 1px !default;
76435
76442
  $grid-animator-area-border: 0 !default;
76436
76443
  $grid-animator-area-margin: 9px !default;
@@ -76695,6 +76702,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76695
76702
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
76696
76703
  }
76697
76704
 
76705
+ .e-summarycell.e-lastrowcell {
76706
+ border-bottom-width: 1px;
76707
+ }
76708
+
76698
76709
  .e-rowcell .e-checkbox-wrapper,
76699
76710
  .e-rowcell .e-css.e-checkbox-wrapper {
76700
76711
  @if $grid-skin == 'material3' {
@@ -77849,7 +77860,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77849
77860
 
77850
77861
  .e-bigger & .e-group-animator .e-groupheadercell,
77851
77862
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
77852
- margin: $grid-group-animator-bigger-cell-margin;
77863
+ margin: $grid-group-animator-bigger-cell-margin;
77853
77864
  border-bottom-width: $grid-animtor-border-bottom-width;
77854
77865
  }
77855
77866
 
@@ -77869,7 +77880,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77869
77880
 
77870
77881
  & .e-group-animator .e-groupheadercell,
77871
77882
  & .e-group-animator .e-groupheadercell:hover {
77872
- margin: $grid-group-animator-cell-margin;
77883
+ margin: $grid-group-animator-cell-margin;
77873
77884
  border-bottom-width: $grid-animtor-border-bottom-width;
77874
77885
  }
77875
77886
 
@@ -77878,9 +77889,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77878
77889
  }
77879
77890
 
77880
77891
  & .e-groupdroparea.e-group-animate.e-grouped {
77881
- overflow: hidden;
77882
77892
  padding: $grid-animator-area-padding;
77883
- height: $grid-group-animator-drop-height;
77893
+ height: auto;
77884
77894
  border-bottom-width: $grid-animator-area-border;
77885
77895
  }
77886
77896
 
@@ -77898,14 +77908,6 @@ $grid-dropitems-count-margin-left: -8px !default;
77898
77908
  margin-top: $grid-animator-margin-top-rtl;
77899
77909
  }
77900
77910
 
77901
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
77902
- margin: $grid-animator-rtl-first-group;
77903
- }
77904
-
77905
- & .e-group-animator:first-child .e-groupheadercell {
77906
- margin: $grid-animator-first-group;
77907
- }
77908
-
77909
77911
  .e-group-animate.e-groupdroparea .e-nextgroup {
77910
77912
  margin-top: $grid-animator-area-margin;
77911
77913
  }
@@ -78393,6 +78395,9 @@ $grid-dropitems-count-margin-left: -8px !default;
78393
78395
  }
78394
78396
  white-space: normal;
78395
78397
  word-wrap: break-word;
78398
+ &.e-lastrowcell {
78399
+ border-bottom-width: 1px;
78400
+ }
78396
78401
  }
78397
78402
 
78398
78403
  .e-summarycontent {
@@ -83730,6 +83735,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83730
83735
  .e-rcursor {
83731
83736
  border: 0;
83732
83737
  }
83738
+
83739
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83740
+ padding: 5px 8px;
83741
+ line-height: 16px;
83742
+ }
83733
83743
  }
83734
83744
 
83735
83745
  @include visibility(hidden);
@@ -83780,6 +83790,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83780
83790
  line-height: 20px;
83781
83791
  }
83782
83792
  }
83793
+
83794
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83795
+ padding: 10px 8px;
83796
+ line-height: 16px;
83797
+ }
83783
83798
  }
83784
83799
 
83785
83800
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -93064,7 +93079,7 @@ $gantt-masked-table-background-color: #e1dfdd;
93064
93079
  }
93065
93080
 
93066
93081
  .e-zero-spacing {
93067
- border-spacing: .25px;
93082
+ border-spacing: 0;
93068
93083
  }
93069
93084
 
93070
93085
  .e-chart-row:first-child .e-chart-row-border {
@@ -108439,7 +108454,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
108439
108454
  .e-label {
108440
108455
  color: $field-list-default-font-color;
108441
108456
  font-family: $field-list-font-family;
108442
- font-size: 14px;
108443
108457
  opacity: .87;
108444
108458
  }
108445
108459
  }
@@ -110816,6 +110830,16 @@ $pivotpager-single-size-title-padding: 14px !default;
110816
110830
  }
110817
110831
  }
110818
110832
 
110833
+ &.e-device {
110834
+ .e-pivotcell-container {
110835
+ .e-stackedheadertext {
110836
+ &.e-cellvalue {
110837
+ align-self: center;
110838
+ }
110839
+ }
110840
+ }
110841
+ }
110842
+
110819
110843
  .e-nextspan {
110820
110844
  display: inline-block;
110821
110845
  width: $pivotview-indent-space-size;
@@ -110877,9 +110901,10 @@ $pivotpager-single-size-title-padding: 14px !default;
110877
110901
  border-bottom-color: $border-light;
110878
110902
  }
110879
110903
 
110880
- table th[rowspan = '1'] {
110881
- padding-bottom: 0;
110882
- padding-top: 0;
110904
+ table th[rowspan = '1'],
110905
+ table th:not([rowspan]) {
110906
+ padding-bottom: 0 !important;
110907
+ padding-top: 0 !important;
110883
110908
  vertical-align: middle;
110884
110909
  }
110885
110910
  }