@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
@@ -814,6 +814,10 @@ $grid-dropitems-count-margin-left: -8px !default;
814
814
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
815
815
  }
816
816
 
817
+ .e-summarycell.e-lastrowcell {
818
+ border-bottom-width: 1px;
819
+ }
820
+
817
821
  .e-rowcell .e-checkbox-wrapper,
818
822
  .e-rowcell .e-css.e-checkbox-wrapper {
819
823
  @if $grid-skin == 'material3' {
@@ -2512,6 +2516,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2512
2516
  }
2513
2517
  white-space: normal;
2514
2518
  word-wrap: break-word;
2519
+ &.e-lastrowcell {
2520
+ border-bottom-width: 1px;
2521
+ }
2515
2522
  }
2516
2523
 
2517
2524
  .e-summarycontent {
@@ -812,6 +812,10 @@ $grid-dropitems-count-margin-left: -8px !default;
812
812
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
813
813
  }
814
814
 
815
+ .e-summarycell.e-lastrowcell {
816
+ border-bottom-width: 1px;
817
+ }
818
+
815
819
  .e-rowcell .e-checkbox-wrapper,
816
820
  .e-rowcell .e-css.e-checkbox-wrapper {
817
821
  @if $grid-skin == 'material3' {
@@ -2510,6 +2514,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2510
2514
  }
2511
2515
  white-space: normal;
2512
2516
  word-wrap: break-word;
2517
+ &.e-lastrowcell {
2518
+ border-bottom-width: 1px;
2519
+ }
2513
2520
  }
2514
2521
 
2515
2522
  .e-summarycontent {
@@ -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' {
@@ -2521,6 +2525,9 @@ $grid-dropitems-count-margin-left: -9px !default;
2521
2525
  }
2522
2526
  white-space: normal;
2523
2527
  word-wrap: break-word;
2528
+ &.e-lastrowcell {
2529
+ border-bottom-width: 1px;
2530
+ }
2524
2531
  }
2525
2532
 
2526
2533
  .e-summarycontent {
@@ -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' {
@@ -2521,6 +2525,9 @@ $grid-dropitems-count-margin-left: -9px !default;
2521
2525
  }
2522
2526
  white-space: normal;
2523
2527
  word-wrap: break-word;
2528
+ &.e-lastrowcell {
2529
+ border-bottom-width: 1px;
2530
+ }
2524
2531
  }
2525
2532
 
2526
2533
  .e-summarycontent {
@@ -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' {
@@ -2521,6 +2525,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2521
2525
  }
2522
2526
  white-space: normal;
2523
2527
  word-wrap: break-word;
2528
+ &.e-lastrowcell {
2529
+ border-bottom-width: 1px;
2530
+ }
2524
2531
  }
2525
2532
 
2526
2533
  .e-summarycontent {
@@ -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' {
@@ -2521,6 +2525,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2521
2525
  }
2522
2526
  white-space: normal;
2523
2527
  word-wrap: break-word;
2528
+ &.e-lastrowcell {
2529
+ border-bottom-width: 1px;
2530
+ }
2524
2531
  }
2525
2532
 
2526
2533
  .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 {
@@ -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' {
@@ -77093,6 +77104,9 @@ $grid-dropitems-count-margin-left: -8px !default;
77093
77104
  }
77094
77105
  white-space: normal;
77095
77106
  word-wrap: break-word;
77107
+ &.e-lastrowcell {
77108
+ border-bottom-width: 1px;
77109
+ }
77096
77110
  }
77097
77111
 
77098
77112
  .e-summarycontent {
@@ -91748,7 +91762,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91748
91762
  }
91749
91763
 
91750
91764
  .e-zero-spacing {
91751
- border-spacing: .25px;
91765
+ border-spacing: 0;
91752
91766
  }
91753
91767
 
91754
91768
  .e-chart-row:first-child .e-chart-row-border {
@@ -107083,7 +107097,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
107083
107097
  .e-label {
107084
107098
  color: $field-list-default-font-color;
107085
107099
  font-family: $field-list-font-family;
107086
- font-size: 14px;
107087
107100
  opacity: .87;
107088
107101
  }
107089
107102
  }
@@ -109451,6 +109464,16 @@ $pivotpager-single-size-title-padding: 4px !default;
109451
109464
  }
109452
109465
  }
109453
109466
 
109467
+ &.e-device {
109468
+ .e-pivotcell-container {
109469
+ .e-stackedheadertext {
109470
+ &.e-cellvalue {
109471
+ align-self: center;
109472
+ }
109473
+ }
109474
+ }
109475
+ }
109476
+
109454
109477
  .e-nextspan {
109455
109478
  display: inline-block;
109456
109479
  width: $pivotview-indent-space-size;
@@ -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 {
@@ -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' {
@@ -78393,6 +78404,9 @@ $grid-dropitems-count-margin-left: -8px !default;
78393
78404
  }
78394
78405
  white-space: normal;
78395
78406
  word-wrap: break-word;
78407
+ &.e-lastrowcell {
78408
+ border-bottom-width: 1px;
78409
+ }
78396
78410
  }
78397
78411
 
78398
78412
  .e-summarycontent {
@@ -93064,7 +93078,7 @@ $gantt-masked-table-background-color: #e1dfdd;
93064
93078
  }
93065
93079
 
93066
93080
  .e-zero-spacing {
93067
- border-spacing: .25px;
93081
+ border-spacing: 0;
93068
93082
  }
93069
93083
 
93070
93084
  .e-chart-row:first-child .e-chart-row-border {
@@ -108439,7 +108453,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
108439
108453
  .e-label {
108440
108454
  color: $field-list-default-font-color;
108441
108455
  font-family: $field-list-font-family;
108442
- font-size: 14px;
108443
108456
  opacity: .87;
108444
108457
  }
108445
108458
  }
@@ -110816,6 +110829,16 @@ $pivotpager-single-size-title-padding: 14px !default;
110816
110829
  }
110817
110830
  }
110818
110831
 
110832
+ &.e-device {
110833
+ .e-pivotcell-container {
110834
+ .e-stackedheadertext {
110835
+ &.e-cellvalue {
110836
+ align-self: center;
110837
+ }
110838
+ }
110839
+ }
110840
+ }
110841
+
110819
110842
  .e-nextspan {
110820
110843
  display: inline-block;
110821
110844
  width: $pivotview-indent-space-size;
@@ -40574,11 +40574,15 @@ $switch-bigger-small-handle-to: 0 !default;
40574
40574
  }
40575
40575
 
40576
40576
  & .e-ripple-container {
40577
- background-color: $switch-checked-ripple-bg-color;
40577
+ @if $skin-name == 'Material3' {
40578
+ background-color: $switch-checked-ripple-bg-color;
40579
+ }
40578
40580
  }
40579
40581
 
40580
40582
  & .e-ripple-check.e-ripple-container {
40581
- background-color: $switch-ripple-bg-color;
40583
+ @if $skin-name == 'Material3' {
40584
+ background-color: $switch-ripple-bg-color;
40585
+ }
40582
40586
  }
40583
40587
  }
40584
40588
  }
@@ -42325,8 +42329,8 @@ $range-header-font-size: 16px !default;
42325
42329
  #{if(&, '&', '*')} .e-title {
42326
42330
  cursor: $range-cursor-pointer-style;
42327
42331
  line-height: $range-normal-nav-icon-height;
42328
- width: $range-control-header-width;
42329
42332
  @if ($skin-name != 'FluentUI') {
42333
+ width: $range-control-header-width;
42330
42334
  float: $range-float-none;
42331
42335
  font-weight: $range-font-weight-normal;
42332
42336
  margin-left: $range-value-zero;
@@ -42340,12 +42344,13 @@ $range-header-font-size: 16px !default;
42340
42344
  }
42341
42345
  }
42342
42346
  #{if(&, '&', '*')} .e-next {
42343
- float: $range-float-right;
42347
+ @if ($skin-name != 'FluentUI') {
42348
+ float: $range-float-right;
42349
+ }
42344
42350
  }
42345
42351
  #{if(&, '&', '*')} .e-prev {
42346
- float: $range-float-left;
42347
- @if ($skin-name == 'FluentUI') {
42348
- float: $range-float-right;
42352
+ @if ($skin-name != 'FluentUI') {
42353
+ float: $range-float-left;
42349
42354
  }
42350
42355
  }
42351
42356
  #{if(&, '&', '*')} .e-next,
@@ -42489,7 +42494,9 @@ $range-header-font-size: 16px !default;
42489
42494
  float: $range-float-left;
42490
42495
  }
42491
42496
  #{if(&, '&', '*')} .e-prev {
42492
- float: $range-float-right;
42497
+ @if ($skin-name != 'FluentUI') {
42498
+ float: $range-float-right;
42499
+ }
42493
42500
  }
42494
42501
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42495
42502
  border-radius: $range-hover-end-radius;
@@ -64257,7 +64264,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
64257
64264
  }
64258
64265
 
64259
64266
  & .e-selectall-parent + .e-list-parent {
64260
- height: $listbox-select-height;
64267
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
64261
64268
  }
64262
64269
 
64263
64270
  & .e-icons {
@@ -76416,6 +76423,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76416
76423
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
76417
76424
  }
76418
76425
 
76426
+ .e-summarycell.e-lastrowcell {
76427
+ border-bottom-width: 1px;
76428
+ }
76429
+
76419
76430
  .e-rowcell .e-checkbox-wrapper,
76420
76431
  .e-rowcell .e-css.e-checkbox-wrapper {
76421
76432
  @if $grid-skin == 'material3' {
@@ -78114,6 +78125,9 @@ $grid-dropitems-count-margin-left: -8px !default;
78114
78125
  }
78115
78126
  white-space: normal;
78116
78127
  word-wrap: break-word;
78128
+ &.e-lastrowcell {
78129
+ border-bottom-width: 1px;
78130
+ }
78117
78131
  }
78118
78132
 
78119
78133
  .e-summarycontent {
@@ -92777,7 +92791,7 @@ $gantt-masked-table-background-color: #e1dfdd;
92777
92791
  }
92778
92792
 
92779
92793
  .e-zero-spacing {
92780
- border-spacing: .25px;
92794
+ border-spacing: 0;
92781
92795
  }
92782
92796
 
92783
92797
  .e-chart-row:first-child .e-chart-row-border {
@@ -108152,7 +108166,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
108152
108166
  .e-label {
108153
108167
  color: $field-list-default-font-color;
108154
108168
  font-family: $field-list-font-family;
108155
- font-size: 14px;
108156
108169
  opacity: .87;
108157
108170
  }
108158
108171
  }
@@ -110524,6 +110537,16 @@ $pivotpager-single-size-title-padding: 14px !default;
110524
110537
  }
110525
110538
  }
110526
110539
 
110540
+ &.e-device {
110541
+ .e-pivotcell-container {
110542
+ .e-stackedheadertext {
110543
+ &.e-cellvalue {
110544
+ align-self: center;
110545
+ }
110546
+ }
110547
+ }
110548
+ }
110549
+
110527
110550
  .e-nextspan {
110528
110551
  display: inline-block;
110529
110552
  width: $pivotview-indent-space-size;
@@ -40945,11 +40945,15 @@ $switch-small-off-ripple-left: -7px !default;
40945
40945
  }
40946
40946
 
40947
40947
  & .e-ripple-container {
40948
- background-color: $switch-checked-ripple-bg-color;
40948
+ @if $skin-name == 'Material3' {
40949
+ background-color: $switch-checked-ripple-bg-color;
40950
+ }
40949
40951
  }
40950
40952
 
40951
40953
  & .e-ripple-check.e-ripple-container {
40952
- background-color: $switch-ripple-bg-color;
40954
+ @if $skin-name == 'Material3' {
40955
+ background-color: $switch-ripple-bg-color;
40956
+ }
40953
40957
  }
40954
40958
  }
40955
40959
  }
@@ -42742,8 +42746,8 @@ $range-header-font-size: 16px !default;
42742
42746
  #{if(&, '&', '*')} .e-title {
42743
42747
  cursor: $range-cursor-pointer-style;
42744
42748
  line-height: $range-normal-nav-icon-height;
42745
- width: $range-control-header-width;
42746
42749
  @if ($skin-name != 'FluentUI') {
42750
+ width: $range-control-header-width;
42747
42751
  float: $range-float-none;
42748
42752
  font-weight: $range-font-weight-normal;
42749
42753
  margin-left: $range-value-zero;
@@ -42757,12 +42761,13 @@ $range-header-font-size: 16px !default;
42757
42761
  }
42758
42762
  }
42759
42763
  #{if(&, '&', '*')} .e-next {
42760
- float: $range-float-right;
42764
+ @if ($skin-name != 'FluentUI') {
42765
+ float: $range-float-right;
42766
+ }
42761
42767
  }
42762
42768
  #{if(&, '&', '*')} .e-prev {
42763
- float: $range-float-left;
42764
- @if ($skin-name == 'FluentUI') {
42765
- float: $range-float-right;
42769
+ @if ($skin-name != 'FluentUI') {
42770
+ float: $range-float-left;
42766
42771
  }
42767
42772
  }
42768
42773
  #{if(&, '&', '*')} .e-next,
@@ -42906,7 +42911,9 @@ $range-header-font-size: 16px !default;
42906
42911
  float: $range-float-left;
42907
42912
  }
42908
42913
  #{if(&, '&', '*')} .e-prev {
42909
- float: $range-float-right;
42914
+ @if ($skin-name != 'FluentUI') {
42915
+ float: $range-float-right;
42916
+ }
42910
42917
  }
42911
42918
  #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
42912
42919
  border-radius: $range-hover-end-radius;
@@ -64636,7 +64643,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
64636
64643
  }
64637
64644
 
64638
64645
  & .e-selectall-parent + .e-list-parent {
64639
- height: $listbox-select-height;
64646
+ height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
64640
64647
  }
64641
64648
 
64642
64649
  & .e-icons {
@@ -76916,6 +76923,10 @@ $grid-dropitems-count-margin-left: -9px !default;
76916
76923
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
76917
76924
  }
76918
76925
 
76926
+ .e-summarycell.e-lastrowcell {
76927
+ border-bottom-width: 1px;
76928
+ }
76929
+
76919
76930
  .e-rowcell .e-checkbox-wrapper,
76920
76931
  .e-rowcell .e-css.e-checkbox-wrapper {
76921
76932
  @if $grid-skin == 'material3' {
@@ -78614,6 +78625,9 @@ $grid-dropitems-count-margin-left: -9px !default;
78614
78625
  }
78615
78626
  white-space: normal;
78616
78627
  word-wrap: break-word;
78628
+ &.e-lastrowcell {
78629
+ border-bottom-width: 1px;
78630
+ }
78617
78631
  }
78618
78632
 
78619
78633
  .e-summarycontent {
@@ -93323,7 +93337,7 @@ $gantt-split-container-line-border-color: rgba($outline);
93323
93337
  }
93324
93338
 
93325
93339
  .e-zero-spacing {
93326
- border-spacing: .25px;
93340
+ border-spacing: 0;
93327
93341
  }
93328
93342
 
93329
93343
  .e-chart-row:first-child .e-chart-row-border {
@@ -108713,7 +108727,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
108713
108727
  .e-label {
108714
108728
  color: $field-list-default-font-color;
108715
108729
  font-family: $field-list-font-family;
108716
- font-size: 14px;
108717
108730
  opacity: .87;
108718
108731
  }
108719
108732
  }
@@ -111090,6 +111103,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111090
111103
  }
111091
111104
  }
111092
111105
 
111106
+ &.e-device {
111107
+ .e-pivotcell-container {
111108
+ .e-stackedheadertext {
111109
+ &.e-cellvalue {
111110
+ align-self: center;
111111
+ }
111112
+ }
111113
+ }
111114
+ }
111115
+
111093
111116
  .e-nextspan {
111094
111117
  display: inline-block;
111095
111118
  width: $pivotview-indent-space-size;