@syncfusion/blazor-themes 23.1.41 → 23.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 (129) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +34 -11
  2. package/SCSS-Themes/bootstrap.scss +34 -11
  3. package/SCSS-Themes/bootstrap4.scss +34 -11
  4. package/SCSS-Themes/bootstrap5-dark.scss +34 -11
  5. package/SCSS-Themes/bootstrap5.scss +34 -11
  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 +34 -11
  55. package/SCSS-Themes/fabric.scss +34 -11
  56. package/SCSS-Themes/fluent-dark.scss +51 -11
  57. package/SCSS-Themes/fluent.scss +51 -11
  58. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  59. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  60. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  61. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  62. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  63. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  64. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  65. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  66. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  67. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  68. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  69. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  70. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  71. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  72. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  73. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  74. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -0
  75. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -0
  76. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -0
  77. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -0
  78. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -0
  79. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -0
  80. package/SCSS-Themes/grids/grid/fabric.scss +7 -0
  81. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -0
  82. package/SCSS-Themes/grids/grid/fluent.scss +7 -0
  83. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -0
  84. package/SCSS-Themes/grids/grid/material-dark.scss +7 -0
  85. package/SCSS-Themes/grids/grid/material.scss +7 -0
  86. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -0
  87. package/SCSS-Themes/grids/grid/material3.scss +7 -0
  88. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -0
  89. package/SCSS-Themes/grids/grid/tailwind.scss +7 -0
  90. package/SCSS-Themes/highcontrast.scss +34 -11
  91. package/SCSS-Themes/material-dark.scss +34 -11
  92. package/SCSS-Themes/material.scss +34 -11
  93. package/SCSS-Themes/material3-dark.scss +34 -11
  94. package/SCSS-Themes/material3.scss +34 -11
  95. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
  96. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
  97. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
  98. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
  99. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
  100. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
  101. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
  102. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +0 -1
  103. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +0 -1
  104. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
  105. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +0 -1
  106. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +0 -1
  107. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +0 -1
  108. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +0 -1
  109. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
  110. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
  111. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +10 -0
  112. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +10 -0
  113. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +10 -0
  114. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +10 -0
  115. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +10 -0
  116. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +10 -0
  117. package/SCSS-Themes/pivotview/pivotview/fabric.scss +10 -0
  118. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +10 -0
  119. package/SCSS-Themes/pivotview/pivotview/fluent.scss +10 -0
  120. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +10 -0
  121. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +10 -0
  122. package/SCSS-Themes/pivotview/pivotview/material.scss +10 -0
  123. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +10 -0
  124. package/SCSS-Themes/pivotview/pivotview/material3.scss +10 -0
  125. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +10 -0
  126. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +10 -0
  127. package/SCSS-Themes/tailwind-dark.scss +34 -11
  128. package/SCSS-Themes/tailwind.scss +34 -11
  129. package/package.json +1 -1
@@ -41028,11 +41028,15 @@ $switch-small-off-ripple-left: -7px !default;
41028
41028
  }
41029
41029
 
41030
41030
  & .e-ripple-container {
41031
- background-color: $switch-checked-ripple-bg-color;
41031
+ @if $skin-name == 'Material3' {
41032
+ background-color: $switch-checked-ripple-bg-color;
41033
+ }
41032
41034
  }
41033
41035
 
41034
41036
  & .e-ripple-check.e-ripple-container {
41035
- background-color: $switch-ripple-bg-color;
41037
+ @if $skin-name == 'Material3' {
41038
+ background-color: $switch-ripple-bg-color;
41039
+ }
41036
41040
  }
41037
41041
  }
41038
41042
  }
@@ -42825,8 +42829,8 @@ $range-header-font-size: 16px !default;
42825
42829
  #{if(&, '&', '*')} .e-title {
42826
42830
  cursor: $range-cursor-pointer-style;
42827
42831
  line-height: $range-normal-nav-icon-height;
42828
- width: $range-control-header-width;
42829
42832
  @if ($skin-name != 'FluentUI') {
42833
+ width: $range-control-header-width;
42830
42834
  float: $range-float-none;
42831
42835
  font-weight: $range-font-weight-normal;
42832
42836
  margin-left: $range-value-zero;
@@ -42840,12 +42844,13 @@ $range-header-font-size: 16px !default;
42840
42844
  }
42841
42845
  }
42842
42846
  #{if(&, '&', '*')} .e-next {
42843
- float: $range-float-right;
42847
+ @if ($skin-name != 'FluentUI') {
42848
+ float: $range-float-right;
42849
+ }
42844
42850
  }
42845
42851
  #{if(&, '&', '*')} .e-prev {
42846
- float: $range-float-left;
42847
- @if ($skin-name == 'FluentUI') {
42848
- float: $range-float-right;
42852
+ @if ($skin-name != 'FluentUI') {
42853
+ float: $range-float-left;
42849
42854
  }
42850
42855
  }
42851
42856
  #{if(&, '&', '*')} .e-next,
@@ -42989,7 +42994,9 @@ $range-header-font-size: 16px !default;
42989
42994
  float: $range-float-left;
42990
42995
  }
42991
42996
  #{if(&, '&', '*')} .e-prev {
42992
- float: $range-float-right;
42997
+ @if ($skin-name != 'FluentUI') {
42998
+ float: $range-float-right;
42999
+ }
42993
43000
  }
42994
43001
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42995
43002
  border-radius: $range-hover-end-radius;
@@ -64719,7 +64726,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
64719
64726
  }
64720
64727
 
64721
64728
  & .e-selectall-parent + .e-list-parent {
64722
- height: $listbox-select-height;
64729
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
64723
64730
  }
64724
64731
 
64725
64732
  & .e-icons {
@@ -76999,6 +77006,10 @@ $grid-dropitems-count-margin-left: -9px !default;
76999
77006
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
77000
77007
  }
77001
77008
 
77009
+ .e-summarycell.e-lastrowcell {
77010
+ border-bottom-width: 1px;
77011
+ }
77012
+
77002
77013
  .e-rowcell .e-checkbox-wrapper,
77003
77014
  .e-rowcell .e-css.e-checkbox-wrapper {
77004
77015
  @if $grid-skin == 'material3' {
@@ -78697,6 +78708,9 @@ $grid-dropitems-count-margin-left: -9px !default;
78697
78708
  }
78698
78709
  white-space: normal;
78699
78710
  word-wrap: break-word;
78711
+ &.e-lastrowcell {
78712
+ border-bottom-width: 1px;
78713
+ }
78700
78714
  }
78701
78715
 
78702
78716
  .e-summarycontent {
@@ -93406,7 +93420,7 @@ $gantt-split-container-line-border-color: rgba($outline);
93406
93420
  }
93407
93421
 
93408
93422
  .e-zero-spacing {
93409
- border-spacing: .25px;
93423
+ border-spacing: 0;
93410
93424
  }
93411
93425
 
93412
93426
  .e-chart-row:first-child .e-chart-row-border {
@@ -108796,7 +108810,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
108796
108810
  .e-label {
108797
108811
  color: $field-list-default-font-color;
108798
108812
  font-family: $field-list-font-family;
108799
- font-size: 14px;
108800
108813
  opacity: .87;
108801
108814
  }
108802
108815
  }
@@ -111173,6 +111186,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111173
111186
  }
111174
111187
  }
111175
111188
 
111189
+ &.e-device {
111190
+ .e-pivotcell-container {
111191
+ .e-stackedheadertext {
111192
+ &.e-cellvalue {
111193
+ align-self: center;
111194
+ }
111195
+ }
111196
+ }
111197
+ }
111198
+
111176
111199
  .e-nextspan {
111177
111200
  display: inline-block;
111178
111201
  width: $pivotview-indent-space-size;
@@ -3625,7 +3625,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
3625
3625
  .e-label {
3626
3626
  color: $field-list-default-font-color;
3627
3627
  font-family: $field-list-font-family;
3628
- font-size: 14px;
3629
3628
  opacity: .87;
3630
3629
  }
3631
3630
  }
@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
3607
3607
  .e-label {
3608
3608
  color: $field-list-default-font-color;
3609
3609
  font-family: $field-list-font-family;
3610
- font-size: 14px;
3611
3610
  opacity: .87;
3612
3611
  }
3613
3612
  }
@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
3607
3607
  .e-label {
3608
3608
  color: $field-list-default-font-color;
3609
3609
  font-family: $field-list-font-family;
3610
- font-size: 14px;
3611
3610
  opacity: .87;
3612
3611
  }
3613
3612
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -3613,7 +3613,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
3613
3613
  .e-label {
3614
3614
  color: $field-list-default-font-color;
3615
3615
  font-family: $field-list-font-family;
3616
- font-size: 14px;
3617
3616
  opacity: .87;
3618
3617
  }
3619
3618
  }
@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
3607
3607
  .e-label {
3608
3608
  color: $field-list-default-font-color;
3609
3609
  font-family: $field-list-font-family;
3610
- font-size: 14px;
3611
3610
  opacity: .87;
3612
3611
  }
3613
3612
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
3608
3608
  .e-label {
3609
3609
  color: $field-list-default-font-color;
3610
3610
  font-family: $field-list-font-family;
3611
- font-size: 14px;
3612
3611
  opacity: .87;
3613
3612
  }
3614
3613
  }
@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
3608
3608
  .e-label {
3609
3609
  color: $field-list-default-font-color;
3610
3610
  font-family: $field-list-font-family;
3611
- font-size: 14px;
3612
3611
  opacity: .87;
3613
3612
  }
3614
3613
  }
@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
3608
3608
  .e-label {
3609
3609
  color: $field-list-default-font-color;
3610
3610
  font-family: $field-list-font-family;
3611
- font-size: 14px;
3612
3611
  opacity: .87;
3613
3612
  }
3614
3613
  }
@@ -3618,7 +3618,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
3618
3618
  .e-label {
3619
3619
  color: $field-list-default-font-color;
3620
3620
  font-family: $field-list-font-family;
3621
- font-size: 14px;
3622
3621
  opacity: .87;
3623
3622
  }
3624
3623
  }
@@ -3618,7 +3618,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
3618
3618
  .e-label {
3619
3619
  color: $field-list-default-font-color;
3620
3620
  font-family: $field-list-font-family;
3621
- font-size: 14px;
3622
3621
  opacity: .87;
3623
3622
  }
3624
3623
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
3611
3611
  .e-label {
3612
3612
  color: $field-list-default-font-color;
3613
3613
  font-family: $field-list-font-family;
3614
- font-size: 14px;
3615
3614
  opacity: .87;
3616
3615
  }
3617
3616
  }
@@ -1431,6 +1431,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1431
1431
  }
1432
1432
  }
1433
1433
 
1434
+ &.e-device {
1435
+ .e-pivotcell-container {
1436
+ .e-stackedheadertext {
1437
+ &.e-cellvalue {
1438
+ align-self: center;
1439
+ }
1440
+ }
1441
+ }
1442
+ }
1443
+
1434
1444
  .e-nextspan {
1435
1445
  display: inline-block;
1436
1446
  width: $pivotview-indent-space-size;
@@ -1428,6 +1428,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1428
1428
  }
1429
1429
  }
1430
1430
 
1431
+ &.e-device {
1432
+ .e-pivotcell-container {
1433
+ .e-stackedheadertext {
1434
+ &.e-cellvalue {
1435
+ align-self: center;
1436
+ }
1437
+ }
1438
+ }
1439
+ }
1440
+
1431
1441
  .e-nextspan {
1432
1442
  display: inline-block;
1433
1443
  width: $pivotview-indent-space-size;
@@ -1428,6 +1428,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1428
1428
  }
1429
1429
  }
1430
1430
 
1431
+ &.e-device {
1432
+ .e-pivotcell-container {
1433
+ .e-stackedheadertext {
1434
+ &.e-cellvalue {
1435
+ align-self: center;
1436
+ }
1437
+ }
1438
+ }
1439
+ }
1440
+
1431
1441
  .e-nextspan {
1432
1442
  display: inline-block;
1433
1443
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1430,6 +1430,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
+ &.e-device {
1434
+ .e-pivotcell-container {
1435
+ .e-stackedheadertext {
1436
+ &.e-cellvalue {
1437
+ align-self: center;
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+
1433
1443
  .e-nextspan {
1434
1444
  display: inline-block;
1435
1445
  width: $pivotview-indent-space-size;
@@ -1427,6 +1427,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1427
1427
  }
1428
1428
  }
1429
1429
 
1430
+ &.e-device {
1431
+ .e-pivotcell-container {
1432
+ .e-stackedheadertext {
1433
+ &.e-cellvalue {
1434
+ align-self: center;
1435
+ }
1436
+ }
1437
+ }
1438
+ }
1439
+
1430
1440
  .e-nextspan {
1431
1441
  display: inline-block;
1432
1442
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1426,6 +1426,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1426
1426
  }
1427
1427
  }
1428
1428
 
1429
+ &.e-device {
1430
+ .e-pivotcell-container {
1431
+ .e-stackedheadertext {
1432
+ &.e-cellvalue {
1433
+ align-self: center;
1434
+ }
1435
+ }
1436
+ }
1437
+ }
1438
+
1429
1439
  .e-nextspan {
1430
1440
  display: inline-block;
1431
1441
  width: $pivotview-indent-space-size;
@@ -1434,6 +1434,16 @@ $pivotpager-single-size-title-padding: 14px !default;
1434
1434
  }
1435
1435
  }
1436
1436
 
1437
+ &.e-device {
1438
+ .e-pivotcell-container {
1439
+ .e-stackedheadertext {
1440
+ &.e-cellvalue {
1441
+ align-self: center;
1442
+ }
1443
+ }
1444
+ }
1445
+ }
1446
+
1437
1447
  .e-nextspan {
1438
1448
  display: inline-block;
1439
1449
  width: $pivotview-indent-space-size;
@@ -1430,6 +1430,16 @@ $pivotpager-single-size-title-padding: 14px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
+ &.e-device {
1434
+ .e-pivotcell-container {
1435
+ .e-stackedheadertext {
1436
+ &.e-cellvalue {
1437
+ align-self: center;
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+
1433
1443
  .e-nextspan {
1434
1444
  display: inline-block;
1435
1445
  width: $pivotview-indent-space-size;
@@ -1436,6 +1436,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1436
1436
  }
1437
1437
  }
1438
1438
 
1439
+ &.e-device {
1440
+ .e-pivotcell-container {
1441
+ .e-stackedheadertext {
1442
+ &.e-cellvalue {
1443
+ align-self: center;
1444
+ }
1445
+ }
1446
+ }
1447
+ }
1448
+
1439
1449
  .e-nextspan {
1440
1450
  display: inline-block;
1441
1451
  width: $pivotview-indent-space-size;
@@ -1436,6 +1436,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1436
1436
  }
1437
1437
  }
1438
1438
 
1439
+ &.e-device {
1440
+ .e-pivotcell-container {
1441
+ .e-stackedheadertext {
1442
+ &.e-cellvalue {
1443
+ align-self: center;
1444
+ }
1445
+ }
1446
+ }
1447
+ }
1448
+
1439
1449
  .e-nextspan {
1440
1450
  display: inline-block;
1441
1451
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -40479,11 +40479,15 @@ $switch-handle-off-hover-bg-color: $content-bg-color !default;
40479
40479
  }
40480
40480
 
40481
40481
  & .e-ripple-container {
40482
- background-color: $switch-checked-ripple-bg-color;
40482
+ @if $skin-name == 'Material3' {
40483
+ background-color: $switch-checked-ripple-bg-color;
40484
+ }
40483
40485
  }
40484
40486
 
40485
40487
  & .e-ripple-check.e-ripple-container {
40486
- background-color: $switch-ripple-bg-color;
40488
+ @if $skin-name == 'Material3' {
40489
+ background-color: $switch-ripple-bg-color;
40490
+ }
40487
40491
  }
40488
40492
  }
40489
40493
  }
@@ -42272,8 +42276,8 @@ $range-header-font-size: 16px !default;
42272
42276
  #{if(&, '&', '*')} .e-title {
42273
42277
  cursor: $range-cursor-pointer-style;
42274
42278
  line-height: $range-normal-nav-icon-height;
42275
- width: $range-control-header-width;
42276
42279
  @if ($skin-name != 'FluentUI') {
42280
+ width: $range-control-header-width;
42277
42281
  float: $range-float-none;
42278
42282
  font-weight: $range-font-weight-normal;
42279
42283
  margin-left: $range-value-zero;
@@ -42287,12 +42291,13 @@ $range-header-font-size: 16px !default;
42287
42291
  }
42288
42292
  }
42289
42293
  #{if(&, '&', '*')} .e-next {
42290
- float: $range-float-right;
42294
+ @if ($skin-name != 'FluentUI') {
42295
+ float: $range-float-right;
42296
+ }
42291
42297
  }
42292
42298
  #{if(&, '&', '*')} .e-prev {
42293
- float: $range-float-left;
42294
- @if ($skin-name == 'FluentUI') {
42295
- float: $range-float-right;
42299
+ @if ($skin-name != 'FluentUI') {
42300
+ float: $range-float-left;
42296
42301
  }
42297
42302
  }
42298
42303
  #{if(&, '&', '*')} .e-next,
@@ -42436,7 +42441,9 @@ $range-header-font-size: 16px !default;
42436
42441
  float: $range-float-left;
42437
42442
  }
42438
42443
  #{if(&, '&', '*')} .e-prev {
42439
- float: $range-float-right;
42444
+ @if ($skin-name != 'FluentUI') {
42445
+ float: $range-float-right;
42446
+ }
42440
42447
  }
42441
42448
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42442
42449
  border-radius: $range-hover-end-radius;
@@ -63465,7 +63472,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
63465
63472
  }
63466
63473
 
63467
63474
  & .e-selectall-parent + .e-list-parent {
63468
- height: $listbox-select-height;
63475
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
63469
63476
  }
63470
63477
 
63471
63478
  & .e-icons {
@@ -75721,6 +75728,10 @@ $grid-dropitems-count-margin-left: -8px !default;
75721
75728
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
75722
75729
  }
75723
75730
 
75731
+ .e-summarycell.e-lastrowcell {
75732
+ border-bottom-width: 1px;
75733
+ }
75734
+
75724
75735
  .e-rowcell .e-checkbox-wrapper,
75725
75736
  .e-rowcell .e-css.e-checkbox-wrapper {
75726
75737
  @if $grid-skin == 'material3' {
@@ -77419,6 +77430,9 @@ $grid-dropitems-count-margin-left: -8px !default;
77419
77430
  }
77420
77431
  white-space: normal;
77421
77432
  word-wrap: break-word;
77433
+ &.e-lastrowcell {
77434
+ border-bottom-width: 1px;
77435
+ }
77422
77436
  }
77423
77437
 
77424
77438
  .e-summarycontent {
@@ -92091,7 +92105,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
92091
92105
  }
92092
92106
 
92093
92107
  .e-zero-spacing {
92094
- border-spacing: .25px;
92108
+ border-spacing: 0;
92095
92109
  }
92096
92110
 
92097
92111
  .e-chart-row:first-child .e-chart-row-border {
@@ -107454,7 +107468,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
107454
107468
  .e-label {
107455
107469
  color: $field-list-default-font-color;
107456
107470
  font-family: $field-list-font-family;
107457
- font-size: 14px;
107458
107471
  opacity: .87;
107459
107472
  }
107460
107473
  }
@@ -109828,6 +109841,16 @@ $pivotpager-single-size-title-padding: 8px !default;
109828
109841
  }
109829
109842
  }
109830
109843
 
109844
+ &.e-device {
109845
+ .e-pivotcell-container {
109846
+ .e-stackedheadertext {
109847
+ &.e-cellvalue {
109848
+ align-self: center;
109849
+ }
109850
+ }
109851
+ }
109852
+ }
109853
+
109831
109854
  .e-nextspan {
109832
109855
  display: inline-block;
109833
109856
  width: $pivotview-indent-space-size;