@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
@@ -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 {
@@ -75647,7 +75654,7 @@ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
75647
75654
  $grid-headercell-div-padding: 0 .6em !default;
75648
75655
  $grid-grouped-headercell-span-padding: 0 !default;
75649
75656
  $grid-group-unpgroupicon-padding-right: 0 !default;
75650
- $grid-group-text-width: 57px !default;
75657
+ $grid-group-text-width: auto !default;
75651
75658
 
75652
75659
  $grid-content-bg-color: $content-bg-color !default;
75653
75660
  $grid-popup-bg-color: $content-bg-color !default;
@@ -76151,7 +76158,7 @@ $grid-animator-bigger-area-margin: 15px !default;
76151
76158
  $grid-group-animator-drop-height: 48px !default;
76152
76159
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
76153
76160
  $grid-animtor-border-bottom-width: 1px !default;
76154
- $grid-animator-area-padding: 0 !default;
76161
+ $grid-animator-area-padding: 0 12px 0 !default;
76155
76162
  $grid-animtor-area-border-width: 1px !default;
76156
76163
  $grid-animator-area-border: 0 !default;
76157
76164
  $grid-animator-area-margin: 9px !default;
@@ -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' {
@@ -77570,7 +77581,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77570
77581
 
77571
77582
  .e-bigger & .e-group-animator .e-groupheadercell,
77572
77583
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
77573
- margin: $grid-group-animator-bigger-cell-margin;
77584
+ margin: $grid-group-animator-bigger-cell-margin;
77574
77585
  border-bottom-width: $grid-animtor-border-bottom-width;
77575
77586
  }
77576
77587
 
@@ -77590,7 +77601,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77590
77601
 
77591
77602
  & .e-group-animator .e-groupheadercell,
77592
77603
  & .e-group-animator .e-groupheadercell:hover {
77593
- margin: $grid-group-animator-cell-margin;
77604
+ margin: $grid-group-animator-cell-margin;
77594
77605
  border-bottom-width: $grid-animtor-border-bottom-width;
77595
77606
  }
77596
77607
 
@@ -77599,9 +77610,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77599
77610
  }
77600
77611
 
77601
77612
  & .e-groupdroparea.e-group-animate.e-grouped {
77602
- overflow: hidden;
77603
77613
  padding: $grid-animator-area-padding;
77604
- height: $grid-group-animator-drop-height;
77614
+ height: auto;
77605
77615
  border-bottom-width: $grid-animator-area-border;
77606
77616
  }
77607
77617
 
@@ -77619,14 +77629,6 @@ $grid-dropitems-count-margin-left: -8px !default;
77619
77629
  margin-top: $grid-animator-margin-top-rtl;
77620
77630
  }
77621
77631
 
77622
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
77623
- margin: $grid-animator-rtl-first-group;
77624
- }
77625
-
77626
- & .e-group-animator:first-child .e-groupheadercell {
77627
- margin: $grid-animator-first-group;
77628
- }
77629
-
77630
77632
  .e-group-animate.e-groupdroparea .e-nextgroup {
77631
77633
  margin-top: $grid-animator-area-margin;
77632
77634
  }
@@ -78114,6 +78116,9 @@ $grid-dropitems-count-margin-left: -8px !default;
78114
78116
  }
78115
78117
  white-space: normal;
78116
78118
  word-wrap: break-word;
78119
+ &.e-lastrowcell {
78120
+ border-bottom-width: 1px;
78121
+ }
78117
78122
  }
78118
78123
 
78119
78124
  .e-summarycontent {
@@ -83451,6 +83456,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83451
83456
  .e-rcursor {
83452
83457
  border: 0;
83453
83458
  }
83459
+
83460
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83461
+ padding: 5px 8px;
83462
+ line-height: 16px;
83463
+ }
83454
83464
  }
83455
83465
 
83456
83466
  @include visibility(hidden);
@@ -83501,6 +83511,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83501
83511
  line-height: 20px;
83502
83512
  }
83503
83513
  }
83514
+
83515
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83516
+ padding: 10px 8px;
83517
+ line-height: 16px;
83518
+ }
83504
83519
  }
83505
83520
 
83506
83521
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -92777,7 +92792,7 @@ $gantt-masked-table-background-color: #e1dfdd;
92777
92792
  }
92778
92793
 
92779
92794
  .e-zero-spacing {
92780
- border-spacing: .25px;
92795
+ border-spacing: 0;
92781
92796
  }
92782
92797
 
92783
92798
  .e-chart-row:first-child .e-chart-row-border {
@@ -108152,7 +108167,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
108152
108167
  .e-label {
108153
108168
  color: $field-list-default-font-color;
108154
108169
  font-family: $field-list-font-family;
108155
- font-size: 14px;
108156
108170
  opacity: .87;
108157
108171
  }
108158
108172
  }
@@ -110524,6 +110538,16 @@ $pivotpager-single-size-title-padding: 14px !default;
110524
110538
  }
110525
110539
  }
110526
110540
 
110541
+ &.e-device {
110542
+ .e-pivotcell-container {
110543
+ .e-stackedheadertext {
110544
+ &.e-cellvalue {
110545
+ align-self: center;
110546
+ }
110547
+ }
110548
+ }
110549
+ }
110550
+
110527
110551
  .e-nextspan {
110528
110552
  display: inline-block;
110529
110553
  width: $pivotview-indent-space-size;
@@ -110585,9 +110609,10 @@ $pivotpager-single-size-title-padding: 14px !default;
110585
110609
  border-bottom-color: $border-light;
110586
110610
  }
110587
110611
 
110588
- table th[rowspan = '1'] {
110589
- padding-bottom: 0;
110590
- padding-top: 0;
110612
+ table th[rowspan = '1'],
110613
+ table th:not([rowspan]) {
110614
+ padding-bottom: 0 !important;
110615
+ padding-top: 0 !important;
110591
110616
  vertical-align: middle;
110592
110617
  }
110593
110618
  }
@@ -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 {
@@ -76645,7 +76652,7 @@ $grid-animator-bigger-area-margin: 8px !default;
76645
76652
  $grid-group-animator-drop-height: 40px !default;
76646
76653
  $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
76647
76654
  $grid-animtor-border-bottom-width: 1px !default;
76648
- $grid-animator-area-padding: 0 !default;
76655
+ $grid-animator-area-padding: 0 8px 0 !default;
76649
76656
  $grid-animtor-area-border-width: 1px !default;
76650
76657
  $grid-animator-area-border: 0 4px 0 4px !default;
76651
76658
  $grid-animator-area-margin: 5px !default;
@@ -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' {
@@ -78070,7 +78081,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78070
78081
 
78071
78082
  .e-bigger & .e-group-animator .e-groupheadercell,
78072
78083
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
78073
- margin: $grid-group-animator-bigger-cell-margin;
78084
+ margin: $grid-group-animator-bigger-cell-margin;
78074
78085
  border-bottom-width: $grid-animtor-border-bottom-width;
78075
78086
  }
78076
78087
 
@@ -78090,7 +78101,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78090
78101
 
78091
78102
  & .e-group-animator .e-groupheadercell,
78092
78103
  & .e-group-animator .e-groupheadercell:hover {
78093
- margin: $grid-group-animator-cell-margin;
78104
+ margin: $grid-group-animator-cell-margin;
78094
78105
  border-bottom-width: $grid-animtor-border-bottom-width;
78095
78106
  }
78096
78107
 
@@ -78099,9 +78110,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78099
78110
  }
78100
78111
 
78101
78112
  & .e-groupdroparea.e-group-animate.e-grouped {
78102
- overflow: hidden;
78103
78113
  padding: $grid-animator-area-padding;
78104
- height: $grid-group-animator-drop-height;
78114
+ height: auto;
78105
78115
  border-bottom-width: $grid-animator-area-border;
78106
78116
  }
78107
78117
 
@@ -78119,14 +78129,6 @@ $grid-dropitems-count-margin-left: -9px !default;
78119
78129
  margin-top: $grid-animator-margin-top-rtl;
78120
78130
  }
78121
78131
 
78122
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
78123
- margin: $grid-animator-rtl-first-group;
78124
- }
78125
-
78126
- & .e-group-animator:first-child .e-groupheadercell {
78127
- margin: $grid-animator-first-group;
78128
- }
78129
-
78130
78132
  .e-group-animate.e-groupdroparea .e-nextgroup {
78131
78133
  margin-top: $grid-animator-area-margin;
78132
78134
  }
@@ -78614,6 +78616,9 @@ $grid-dropitems-count-margin-left: -9px !default;
78614
78616
  }
78615
78617
  white-space: normal;
78616
78618
  word-wrap: break-word;
78619
+ &.e-lastrowcell {
78620
+ border-bottom-width: 1px;
78621
+ }
78617
78622
  }
78618
78623
 
78619
78624
  .e-summarycontent {
@@ -83992,6 +83997,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
83992
83997
  .e-rcursor {
83993
83998
  border: 0;
83994
83999
  }
84000
+
84001
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84002
+ padding: 5px 8px;
84003
+ line-height: 16px;
84004
+ }
83995
84005
  }
83996
84006
 
83997
84007
  @include visibility(hidden);
@@ -84042,6 +84052,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84042
84052
  line-height: 20px;
84043
84053
  }
84044
84054
  }
84055
+
84056
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84057
+ padding: 10px 8px;
84058
+ line-height: 16px;
84059
+ }
84045
84060
  }
84046
84061
 
84047
84062
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -93323,7 +93338,7 @@ $gantt-split-container-line-border-color: rgba($outline);
93323
93338
  }
93324
93339
 
93325
93340
  .e-zero-spacing {
93326
- border-spacing: .25px;
93341
+ border-spacing: 0;
93327
93342
  }
93328
93343
 
93329
93344
  .e-chart-row:first-child .e-chart-row-border {
@@ -108713,7 +108728,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
108713
108728
  .e-label {
108714
108729
  color: $field-list-default-font-color;
108715
108730
  font-family: $field-list-font-family;
108716
- font-size: 14px;
108717
108731
  opacity: .87;
108718
108732
  }
108719
108733
  }
@@ -111090,6 +111104,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111090
111104
  }
111091
111105
  }
111092
111106
 
111107
+ &.e-device {
111108
+ .e-pivotcell-container {
111109
+ .e-stackedheadertext {
111110
+ &.e-cellvalue {
111111
+ align-self: center;
111112
+ }
111113
+ }
111114
+ }
111115
+ }
111116
+
111093
111117
  .e-nextspan {
111094
111118
  display: inline-block;
111095
111119
  width: $pivotview-indent-space-size;
@@ -111151,9 +111175,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111151
111175
  border-bottom-color: $border-light;
111152
111176
  }
111153
111177
 
111154
- table th[rowspan = '1'] {
111155
- padding-bottom: 0;
111156
- padding-top: 0;
111178
+ table th[rowspan = '1'],
111179
+ table th:not([rowspan]) {
111180
+ padding-bottom: 0 !important;
111181
+ padding-top: 0 !important;
111157
111182
  vertical-align: middle;
111158
111183
  }
111159
111184
  }
@@ -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 {
@@ -76728,7 +76735,7 @@ $grid-animator-bigger-area-margin: 8px !default;
76728
76735
  $grid-group-animator-drop-height: 40px !default;
76729
76736
  $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
76730
76737
  $grid-animtor-border-bottom-width: 1px !default;
76731
- $grid-animator-area-padding: 0 !default;
76738
+ $grid-animator-area-padding: 0 8px 0 !default;
76732
76739
  $grid-animtor-area-border-width: 1px !default;
76733
76740
  $grid-animator-area-border: 0 4px 0 4px !default;
76734
76741
  $grid-animator-area-margin: 5px !default;
@@ -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' {
@@ -78153,7 +78164,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78153
78164
 
78154
78165
  .e-bigger & .e-group-animator .e-groupheadercell,
78155
78166
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
78156
- margin: $grid-group-animator-bigger-cell-margin;
78167
+ margin: $grid-group-animator-bigger-cell-margin;
78157
78168
  border-bottom-width: $grid-animtor-border-bottom-width;
78158
78169
  }
78159
78170
 
@@ -78173,7 +78184,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78173
78184
 
78174
78185
  & .e-group-animator .e-groupheadercell,
78175
78186
  & .e-group-animator .e-groupheadercell:hover {
78176
- margin: $grid-group-animator-cell-margin;
78187
+ margin: $grid-group-animator-cell-margin;
78177
78188
  border-bottom-width: $grid-animtor-border-bottom-width;
78178
78189
  }
78179
78190
 
@@ -78182,9 +78193,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78182
78193
  }
78183
78194
 
78184
78195
  & .e-groupdroparea.e-group-animate.e-grouped {
78185
- overflow: hidden;
78186
78196
  padding: $grid-animator-area-padding;
78187
- height: $grid-group-animator-drop-height;
78197
+ height: auto;
78188
78198
  border-bottom-width: $grid-animator-area-border;
78189
78199
  }
78190
78200
 
@@ -78202,14 +78212,6 @@ $grid-dropitems-count-margin-left: -9px !default;
78202
78212
  margin-top: $grid-animator-margin-top-rtl;
78203
78213
  }
78204
78214
 
78205
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
78206
- margin: $grid-animator-rtl-first-group;
78207
- }
78208
-
78209
- & .e-group-animator:first-child .e-groupheadercell {
78210
- margin: $grid-animator-first-group;
78211
- }
78212
-
78213
78215
  .e-group-animate.e-groupdroparea .e-nextgroup {
78214
78216
  margin-top: $grid-animator-area-margin;
78215
78217
  }
@@ -78697,6 +78699,9 @@ $grid-dropitems-count-margin-left: -9px !default;
78697
78699
  }
78698
78700
  white-space: normal;
78699
78701
  word-wrap: break-word;
78702
+ &.e-lastrowcell {
78703
+ border-bottom-width: 1px;
78704
+ }
78700
78705
  }
78701
78706
 
78702
78707
  .e-summarycontent {
@@ -84075,6 +84080,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84075
84080
  .e-rcursor {
84076
84081
  border: 0;
84077
84082
  }
84083
+
84084
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84085
+ padding: 5px 8px;
84086
+ line-height: 16px;
84087
+ }
84078
84088
  }
84079
84089
 
84080
84090
  @include visibility(hidden);
@@ -84125,6 +84135,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84125
84135
  line-height: 20px;
84126
84136
  }
84127
84137
  }
84138
+
84139
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84140
+ padding: 10px 8px;
84141
+ line-height: 16px;
84142
+ }
84128
84143
  }
84129
84144
 
84130
84145
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -93406,7 +93421,7 @@ $gantt-split-container-line-border-color: rgba($outline);
93406
93421
  }
93407
93422
 
93408
93423
  .e-zero-spacing {
93409
- border-spacing: .25px;
93424
+ border-spacing: 0;
93410
93425
  }
93411
93426
 
93412
93427
  .e-chart-row:first-child .e-chart-row-border {
@@ -108796,7 +108811,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
108796
108811
  .e-label {
108797
108812
  color: $field-list-default-font-color;
108798
108813
  font-family: $field-list-font-family;
108799
- font-size: 14px;
108800
108814
  opacity: .87;
108801
108815
  }
108802
108816
  }
@@ -111173,6 +111187,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111173
111187
  }
111174
111188
  }
111175
111189
 
111190
+ &.e-device {
111191
+ .e-pivotcell-container {
111192
+ .e-stackedheadertext {
111193
+ &.e-cellvalue {
111194
+ align-self: center;
111195
+ }
111196
+ }
111197
+ }
111198
+ }
111199
+
111176
111200
  .e-nextspan {
111177
111201
  display: inline-block;
111178
111202
  width: $pivotview-indent-space-size;
@@ -111234,9 +111258,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111234
111258
  border-bottom-color: $border-light;
111235
111259
  }
111236
111260
 
111237
- table th[rowspan = '1'] {
111238
- padding-bottom: 0;
111239
- padding-top: 0;
111261
+ table th[rowspan = '1'],
111262
+ table th:not([rowspan]) {
111263
+ padding-bottom: 0 !important;
111264
+ padding-top: 0 !important;
111240
111265
  vertical-align: middle;
111241
111266
  }
111242
111267
  }
@@ -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
  }