@syncfusion/blazor-themes 23.1.42 → 23.1.44

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 (81) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +49 -41
  2. package/SCSS-Themes/bootstrap.scss +49 -41
  3. package/SCSS-Themes/bootstrap4.scss +49 -41
  4. package/SCSS-Themes/bootstrap5-dark.scss +49 -41
  5. package/SCSS-Themes/bootstrap5.scss +49 -41
  6. package/SCSS-Themes/fabric-dark.scss +50 -42
  7. package/SCSS-Themes/fabric.scss +50 -42
  8. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +10 -0
  9. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +10 -0
  10. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +10 -0
  11. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +10 -0
  12. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +10 -0
  13. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +10 -0
  14. package/SCSS-Themes/filemanager/file-manager/fabric.scss +10 -0
  15. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +10 -0
  16. package/SCSS-Themes/filemanager/file-manager/fluent.scss +10 -0
  17. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +10 -0
  18. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +10 -0
  19. package/SCSS-Themes/filemanager/file-manager/material.scss +10 -0
  20. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +10 -0
  21. package/SCSS-Themes/filemanager/file-manager/material3.scss +10 -0
  22. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +10 -0
  23. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +10 -0
  24. package/SCSS-Themes/fluent-dark.scss +49 -41
  25. package/SCSS-Themes/fluent.scss +49 -41
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +20 -19
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +20 -19
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +20 -19
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +20 -19
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +20 -19
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +21 -20
  32. package/SCSS-Themes/grids/grid/fabric.scss +21 -20
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +20 -19
  34. package/SCSS-Themes/grids/grid/fluent.scss +20 -19
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +21 -20
  36. package/SCSS-Themes/grids/grid/material-dark.scss +21 -20
  37. package/SCSS-Themes/grids/grid/material.scss +21 -20
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +20 -19
  39. package/SCSS-Themes/grids/grid/material3.scss +20 -19
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +20 -19
  41. package/SCSS-Themes/grids/grid/tailwind.scss +20 -19
  42. package/SCSS-Themes/highcontrast.scss +50 -42
  43. package/SCSS-Themes/material-dark.scss +50 -42
  44. package/SCSS-Themes/material.scss +50 -42
  45. package/SCSS-Themes/material3-dark.scss +49 -41
  46. package/SCSS-Themes/material3.scss +49 -41
  47. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +9 -9
  48. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +9 -9
  49. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +9 -9
  50. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +9 -9
  51. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +9 -9
  52. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +9 -9
  53. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +9 -9
  54. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +9 -9
  55. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +9 -9
  56. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +9 -9
  57. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +9 -9
  58. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +9 -9
  59. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +9 -9
  60. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +9 -9
  61. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +9 -9
  62. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +9 -9
  63. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +10 -13
  64. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +10 -13
  65. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +10 -13
  66. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +10 -13
  67. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +10 -13
  68. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +10 -13
  69. package/SCSS-Themes/pivotview/pivotview/fabric.scss +10 -13
  70. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +10 -13
  71. package/SCSS-Themes/pivotview/pivotview/fluent.scss +10 -13
  72. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +10 -13
  73. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +10 -13
  74. package/SCSS-Themes/pivotview/pivotview/material.scss +10 -13
  75. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +10 -13
  76. package/SCSS-Themes/pivotview/pivotview/material3.scss +10 -13
  77. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +10 -13
  78. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +10 -13
  79. package/SCSS-Themes/tailwind-dark.scss +49 -41
  80. package/SCSS-Themes/tailwind.scss +49 -41
  81. package/package.json +1 -1
@@ -75654,7 +75654,7 @@ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
75654
75654
  $grid-headercell-div-padding: 0 .6em !default;
75655
75655
  $grid-grouped-headercell-span-padding: 0 !default;
75656
75656
  $grid-group-unpgroupicon-padding-right: 0 !default;
75657
- $grid-group-text-width: 57px !default;
75657
+ $grid-group-text-width: auto !default;
75658
75658
 
75659
75659
  $grid-content-bg-color: $content-bg-color !default;
75660
75660
  $grid-popup-bg-color: $content-bg-color !default;
@@ -76158,7 +76158,7 @@ $grid-animator-bigger-area-margin: 15px !default;
76158
76158
  $grid-group-animator-drop-height: 48px !default;
76159
76159
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
76160
76160
  $grid-animtor-border-bottom-width: 1px !default;
76161
- $grid-animator-area-padding: 0 !default;
76161
+ $grid-animator-area-padding: 0 12px 0 !default;
76162
76162
  $grid-animtor-area-border-width: 1px !default;
76163
76163
  $grid-animator-area-border: 0 !default;
76164
76164
  $grid-animator-area-margin: 9px !default;
@@ -77581,7 +77581,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77581
77581
 
77582
77582
  .e-bigger & .e-group-animator .e-groupheadercell,
77583
77583
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
77584
- margin: $grid-group-animator-bigger-cell-margin;
77584
+ margin: $grid-group-animator-bigger-cell-margin;
77585
77585
  border-bottom-width: $grid-animtor-border-bottom-width;
77586
77586
  }
77587
77587
 
@@ -77601,7 +77601,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77601
77601
 
77602
77602
  & .e-group-animator .e-groupheadercell,
77603
77603
  & .e-group-animator .e-groupheadercell:hover {
77604
- margin: $grid-group-animator-cell-margin;
77604
+ margin: $grid-group-animator-cell-margin;
77605
77605
  border-bottom-width: $grid-animtor-border-bottom-width;
77606
77606
  }
77607
77607
 
@@ -77610,9 +77610,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77610
77610
  }
77611
77611
 
77612
77612
  & .e-groupdroparea.e-group-animate.e-grouped {
77613
- overflow: hidden;
77614
77613
  padding: $grid-animator-area-padding;
77615
- height: $grid-group-animator-drop-height;
77614
+ height: auto;
77616
77615
  border-bottom-width: $grid-animator-area-border;
77617
77616
  }
77618
77617
 
@@ -77630,14 +77629,6 @@ $grid-dropitems-count-margin-left: -8px !default;
77630
77629
  margin-top: $grid-animator-margin-top-rtl;
77631
77630
  }
77632
77631
 
77633
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
77634
- margin: $grid-animator-rtl-first-group;
77635
- }
77636
-
77637
- & .e-group-animator:first-child .e-groupheadercell {
77638
- margin: $grid-animator-first-group;
77639
- }
77640
-
77641
77632
  .e-group-animate.e-groupdroparea .e-nextgroup {
77642
77633
  margin-top: $grid-animator-area-margin;
77643
77634
  }
@@ -78270,8 +78261,8 @@ $grid-dropitems-count-margin-left: -8px !default;
78270
78261
  border-left-width: 0;
78271
78262
  }
78272
78263
 
78273
- &.e-default.e-bothlines .e-headercell,
78274
- &.e-default.e-bothlines .e-detailheadercell {
78264
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
78265
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
78275
78266
  border-width: $grid-headercell-both-border-width;
78276
78267
  }
78277
78268
 
@@ -78966,7 +78957,7 @@ $grid-dropitems-count-margin-left: -8px !default;
78966
78957
  border-left-width: $grid-border-size;
78967
78958
  }
78968
78959
 
78969
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
78960
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
78970
78961
  border-bottom-style: $grid-border-type;
78971
78962
  border-bottom-width: $grid-border-size;
78972
78963
  border-left-style: $grid-border-type;
@@ -80255,8 +80246,8 @@ $grid-dropitems-count-margin-left: -8px !default;
80255
80246
  padding-top: $grid-ungroup-rtl-padding-top;
80256
80247
  }
80257
80248
 
80258
- &.e-default.e-bothlines .e-headercell,
80259
- &.e-default.e-bothlines .e-detailheadercell {
80249
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
80250
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
80260
80251
  border-width: $grid-headercell-both-border-width;
80261
80252
  }
80262
80253
 
@@ -80279,7 +80270,7 @@ $grid-dropitems-count-margin-left: -8px !default;
80279
80270
  border-right: 0;
80280
80271
  }
80281
80272
 
80282
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
80273
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
80283
80274
  border-bottom-style: $grid-border-type;
80284
80275
  border-bottom-width: $grid-border-size;
80285
80276
  }
@@ -80786,6 +80777,16 @@ $grid-dropitems-count-margin-left: -8px !default;
80786
80777
  }
80787
80778
  }
80788
80779
 
80780
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
80781
+ border-bottom-style: $grid-border-type;
80782
+ border-bottom-width: $grid-border-size;
80783
+ }
80784
+
80785
+ &.e-rtl.e-default.e-bothlines .e-headercell,
80786
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
80787
+ border-width: $grid-headercell-both-border-width;
80788
+ }
80789
+
80789
80790
  .e-bigger #{&}.e-grid.sf-grid,
80790
80791
  #{&}.e-grid.sf-grid.e-bigger {
80791
80792
  .e-gridheader table th:not([rowspan = '1']),
@@ -83465,6 +83466,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83465
83466
  .e-rcursor {
83466
83467
  border: 0;
83467
83468
  }
83469
+
83470
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83471
+ padding: 5px 8px;
83472
+ line-height: 16px;
83473
+ }
83468
83474
  }
83469
83475
 
83470
83476
  @include visibility(hidden);
@@ -83515,6 +83521,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
83515
83521
  line-height: 20px;
83516
83522
  }
83517
83523
  }
83524
+
83525
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
83526
+ padding: 10px 8px;
83527
+ line-height: 16px;
83528
+ }
83518
83529
  }
83519
83530
 
83520
83531
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -100624,15 +100635,15 @@ $pv-eye-icon-margin-top: 3px !default;
100624
100635
  font-size: 18px;
100625
100636
  }
100626
100637
 
100627
- .e-pv-annotation-color-container,
100628
- .e-pv-annotation-opacity-container,
100629
- .e-pv-annotation-stroke-container,
100630
- .e-pv-custom-annotation-thickness-container,
100631
- .e-pv-custom-annotation-opacity-container,
100632
- .e-pv-annotation-thickness-container,
100633
- .e-pv-annotation-textcolor-container,
100634
- .e-pv-annotation-textalign-container,
100635
- .e-pv-annotation-textprop-container {
100638
+ .e-pv-annotation-color-container .e-btn,
100639
+ .e-pv-annotation-opacity-container .e-btn,
100640
+ .e-pv-annotation-stroke-container .e-btn,
100641
+ .e-pv-custom-annotation-thickness-container .e-btn,
100642
+ .e-pv-custom-annotation-opacity-container .e-btn,
100643
+ .e-pv-annotation-thickness-container .e-btn,
100644
+ .e-pv-annotation-textcolor-container .e-btn,
100645
+ .e-pv-annotation-textalign-container .e-btn,
100646
+ .e-pv-annotation-textprop-container .e-btn {
100636
100647
  height: $pv-annotation-drop-down-height;
100637
100648
  width: $pv-annotation-drop-down-width;
100638
100649
  }
@@ -110537,16 +110548,6 @@ $pivotpager-single-size-title-padding: 14px !default;
110537
110548
  }
110538
110549
  }
110539
110550
 
110540
- &.e-device {
110541
- .e-pivotcell-container {
110542
- .e-stackedheadertext {
110543
- &.e-cellvalue {
110544
- align-self: center;
110545
- }
110546
- }
110547
- }
110548
- }
110549
-
110550
110551
  .e-nextspan {
110551
110552
  display: inline-block;
110552
110553
  width: $pivotview-indent-space-size;
@@ -110608,9 +110609,10 @@ $pivotpager-single-size-title-padding: 14px !default;
110608
110609
  border-bottom-color: $border-light;
110609
110610
  }
110610
110611
 
110611
- table th[rowspan = '1'] {
110612
- padding-bottom: 0;
110613
- padding-top: 0;
110612
+ table th[rowspan = '1'],
110613
+ table th:not([rowspan]) {
110614
+ padding-bottom: 0 !important;
110615
+ padding-top: 0 !important;
110614
110616
  vertical-align: middle;
110615
110617
  }
110616
110618
  }
@@ -110826,10 +110828,12 @@ $pivotpager-single-size-title-padding: 14px !default;
110826
110828
  .e-spinner-pane.e-pivot-outer-spinner {
110827
110829
  z-index: 1 !important;
110828
110830
  }
110831
+
110829
110832
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
110830
110833
  visibility: hidden !important;
110831
110834
  /* stylelint-enable */
110832
110835
  }
110836
+
110833
110837
  .e-grid {
110834
110838
  .e-pivot-content-loader {
110835
110839
  position: absolute;
@@ -110848,6 +110852,10 @@ $pivotpager-single-size-title-padding: 14px !default;
110848
110852
  visibility: hidden;
110849
110853
  }
110850
110854
  }
110855
+
110856
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
110857
+ align-self: center;
110858
+ }
110851
110859
  }
110852
110860
 
110853
110861
  .e-grid .e-headercelldiv,
@@ -76652,7 +76652,7 @@ $grid-animator-bigger-area-margin: 8px !default;
76652
76652
  $grid-group-animator-drop-height: 40px !default;
76653
76653
  $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
76654
76654
  $grid-animtor-border-bottom-width: 1px !default;
76655
- $grid-animator-area-padding: 0 !default;
76655
+ $grid-animator-area-padding: 0 8px 0 !default;
76656
76656
  $grid-animtor-area-border-width: 1px !default;
76657
76657
  $grid-animator-area-border: 0 4px 0 4px !default;
76658
76658
  $grid-animator-area-margin: 5px !default;
@@ -78081,7 +78081,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78081
78081
 
78082
78082
  .e-bigger & .e-group-animator .e-groupheadercell,
78083
78083
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
78084
- margin: $grid-group-animator-bigger-cell-margin;
78084
+ margin: $grid-group-animator-bigger-cell-margin;
78085
78085
  border-bottom-width: $grid-animtor-border-bottom-width;
78086
78086
  }
78087
78087
 
@@ -78101,7 +78101,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78101
78101
 
78102
78102
  & .e-group-animator .e-groupheadercell,
78103
78103
  & .e-group-animator .e-groupheadercell:hover {
78104
- margin: $grid-group-animator-cell-margin;
78104
+ margin: $grid-group-animator-cell-margin;
78105
78105
  border-bottom-width: $grid-animtor-border-bottom-width;
78106
78106
  }
78107
78107
 
@@ -78110,9 +78110,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78110
78110
  }
78111
78111
 
78112
78112
  & .e-groupdroparea.e-group-animate.e-grouped {
78113
- overflow: hidden;
78114
78113
  padding: $grid-animator-area-padding;
78115
- height: $grid-group-animator-drop-height;
78114
+ height: auto;
78116
78115
  border-bottom-width: $grid-animator-area-border;
78117
78116
  }
78118
78117
 
@@ -78130,14 +78129,6 @@ $grid-dropitems-count-margin-left: -9px !default;
78130
78129
  margin-top: $grid-animator-margin-top-rtl;
78131
78130
  }
78132
78131
 
78133
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
78134
- margin: $grid-animator-rtl-first-group;
78135
- }
78136
-
78137
- & .e-group-animator:first-child .e-groupheadercell {
78138
- margin: $grid-animator-first-group;
78139
- }
78140
-
78141
78132
  .e-group-animate.e-groupdroparea .e-nextgroup {
78142
78133
  margin-top: $grid-animator-area-margin;
78143
78134
  }
@@ -78770,8 +78761,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78770
78761
  border-left-width: 0;
78771
78762
  }
78772
78763
 
78773
- &.e-default.e-bothlines .e-headercell,
78774
- &.e-default.e-bothlines .e-detailheadercell {
78764
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
78765
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
78775
78766
  border-width: $grid-headercell-both-border-width;
78776
78767
  }
78777
78768
 
@@ -79466,7 +79457,7 @@ $grid-dropitems-count-margin-left: -9px !default;
79466
79457
  border-left-width: $grid-border-size;
79467
79458
  }
79468
79459
 
79469
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79460
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79470
79461
  border-bottom-style: $grid-border-type;
79471
79462
  border-bottom-width: $grid-border-size;
79472
79463
  border-left-style: $grid-border-type;
@@ -80755,8 +80746,8 @@ $grid-dropitems-count-margin-left: -9px !default;
80755
80746
  padding-top: $grid-ungroup-rtl-padding-top;
80756
80747
  }
80757
80748
 
80758
- &.e-default.e-bothlines .e-headercell,
80759
- &.e-default.e-bothlines .e-detailheadercell {
80749
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
80750
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
80760
80751
  border-width: $grid-headercell-both-border-width;
80761
80752
  }
80762
80753
 
@@ -80779,7 +80770,7 @@ $grid-dropitems-count-margin-left: -9px !default;
80779
80770
  border-right: 0;
80780
80771
  }
80781
80772
 
80782
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
80773
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
80783
80774
  border-bottom-style: $grid-border-type;
80784
80775
  border-bottom-width: $grid-border-size;
80785
80776
  }
@@ -81286,6 +81277,16 @@ $grid-dropitems-count-margin-left: -9px !default;
81286
81277
  }
81287
81278
  }
81288
81279
 
81280
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
81281
+ border-bottom-style: $grid-border-type;
81282
+ border-bottom-width: $grid-border-size;
81283
+ }
81284
+
81285
+ &.e-rtl.e-default.e-bothlines .e-headercell,
81286
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
81287
+ border-width: $grid-headercell-both-border-width;
81288
+ }
81289
+
81289
81290
  .e-bigger #{&}.e-grid.sf-grid,
81290
81291
  #{&}.e-grid.sf-grid.e-bigger {
81291
81292
  .e-gridheader table th:not([rowspan = '1']),
@@ -84006,6 +84007,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84006
84007
  .e-rcursor {
84007
84008
  border: 0;
84008
84009
  }
84010
+
84011
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84012
+ padding: 5px 8px;
84013
+ line-height: 16px;
84014
+ }
84009
84015
  }
84010
84016
 
84011
84017
  @include visibility(hidden);
@@ -84056,6 +84062,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84056
84062
  line-height: 20px;
84057
84063
  }
84058
84064
  }
84065
+
84066
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84067
+ padding: 10px 8px;
84068
+ line-height: 16px;
84069
+ }
84059
84070
  }
84060
84071
 
84061
84072
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -101177,15 +101188,15 @@ $pv-search-btn-width-big: 32px !default;
101177
101188
  font-size: 18px;
101178
101189
  }
101179
101190
 
101180
- .e-pv-annotation-color-container,
101181
- .e-pv-annotation-opacity-container,
101182
- .e-pv-annotation-stroke-container,
101183
- .e-pv-custom-annotation-thickness-container,
101184
- .e-pv-custom-annotation-opacity-container,
101185
- .e-pv-annotation-thickness-container,
101186
- .e-pv-annotation-textcolor-container,
101187
- .e-pv-annotation-textalign-container,
101188
- .e-pv-annotation-textprop-container {
101191
+ .e-pv-annotation-color-container .e-btn,
101192
+ .e-pv-annotation-opacity-container .e-btn,
101193
+ .e-pv-annotation-stroke-container .e-btn,
101194
+ .e-pv-custom-annotation-thickness-container .e-btn,
101195
+ .e-pv-custom-annotation-opacity-container .e-btn,
101196
+ .e-pv-annotation-thickness-container .e-btn,
101197
+ .e-pv-annotation-textcolor-container .e-btn,
101198
+ .e-pv-annotation-textalign-container .e-btn,
101199
+ .e-pv-annotation-textprop-container .e-btn {
101189
101200
  height: $pv-annotation-drop-down-height;
101190
101201
  width: $pv-annotation-drop-down-width;
101191
101202
  }
@@ -111103,16 +111114,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111103
111114
  }
111104
111115
  }
111105
111116
 
111106
- &.e-device {
111107
- .e-pivotcell-container {
111108
- .e-stackedheadertext {
111109
- &.e-cellvalue {
111110
- align-self: center;
111111
- }
111112
- }
111113
- }
111114
- }
111115
-
111116
111117
  .e-nextspan {
111117
111118
  display: inline-block;
111118
111119
  width: $pivotview-indent-space-size;
@@ -111174,9 +111175,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111174
111175
  border-bottom-color: $border-light;
111175
111176
  }
111176
111177
 
111177
- table th[rowspan = '1'] {
111178
- padding-bottom: 0;
111179
- padding-top: 0;
111178
+ table th[rowspan = '1'],
111179
+ table th:not([rowspan]) {
111180
+ padding-bottom: 0 !important;
111181
+ padding-top: 0 !important;
111180
111182
  vertical-align: middle;
111181
111183
  }
111182
111184
  }
@@ -111392,10 +111394,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111392
111394
  .e-spinner-pane.e-pivot-outer-spinner {
111393
111395
  z-index: 1 !important;
111394
111396
  }
111397
+
111395
111398
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
111396
111399
  visibility: hidden !important;
111397
111400
  /* stylelint-enable */
111398
111401
  }
111402
+
111399
111403
  .e-grid {
111400
111404
  .e-pivot-content-loader {
111401
111405
  position: absolute;
@@ -111414,6 +111418,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111414
111418
  visibility: hidden;
111415
111419
  }
111416
111420
  }
111421
+
111422
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
111423
+ align-self: center;
111424
+ }
111417
111425
  }
111418
111426
 
111419
111427
  .e-grid .e-headercelldiv,
@@ -76735,7 +76735,7 @@ $grid-animator-bigger-area-margin: 8px !default;
76735
76735
  $grid-group-animator-drop-height: 40px !default;
76736
76736
  $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
76737
76737
  $grid-animtor-border-bottom-width: 1px !default;
76738
- $grid-animator-area-padding: 0 !default;
76738
+ $grid-animator-area-padding: 0 8px 0 !default;
76739
76739
  $grid-animtor-area-border-width: 1px !default;
76740
76740
  $grid-animator-area-border: 0 4px 0 4px !default;
76741
76741
  $grid-animator-area-margin: 5px !default;
@@ -78164,7 +78164,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78164
78164
 
78165
78165
  .e-bigger & .e-group-animator .e-groupheadercell,
78166
78166
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
78167
- margin: $grid-group-animator-bigger-cell-margin;
78167
+ margin: $grid-group-animator-bigger-cell-margin;
78168
78168
  border-bottom-width: $grid-animtor-border-bottom-width;
78169
78169
  }
78170
78170
 
@@ -78184,7 +78184,7 @@ $grid-dropitems-count-margin-left: -9px !default;
78184
78184
 
78185
78185
  & .e-group-animator .e-groupheadercell,
78186
78186
  & .e-group-animator .e-groupheadercell:hover {
78187
- margin: $grid-group-animator-cell-margin;
78187
+ margin: $grid-group-animator-cell-margin;
78188
78188
  border-bottom-width: $grid-animtor-border-bottom-width;
78189
78189
  }
78190
78190
 
@@ -78193,9 +78193,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78193
78193
  }
78194
78194
 
78195
78195
  & .e-groupdroparea.e-group-animate.e-grouped {
78196
- overflow: hidden;
78197
78196
  padding: $grid-animator-area-padding;
78198
- height: $grid-group-animator-drop-height;
78197
+ height: auto;
78199
78198
  border-bottom-width: $grid-animator-area-border;
78200
78199
  }
78201
78200
 
@@ -78213,14 +78212,6 @@ $grid-dropitems-count-margin-left: -9px !default;
78213
78212
  margin-top: $grid-animator-margin-top-rtl;
78214
78213
  }
78215
78214
 
78216
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
78217
- margin: $grid-animator-rtl-first-group;
78218
- }
78219
-
78220
- & .e-group-animator:first-child .e-groupheadercell {
78221
- margin: $grid-animator-first-group;
78222
- }
78223
-
78224
78215
  .e-group-animate.e-groupdroparea .e-nextgroup {
78225
78216
  margin-top: $grid-animator-area-margin;
78226
78217
  }
@@ -78853,8 +78844,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78853
78844
  border-left-width: 0;
78854
78845
  }
78855
78846
 
78856
- &.e-default.e-bothlines .e-headercell,
78857
- &.e-default.e-bothlines .e-detailheadercell {
78847
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
78848
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
78858
78849
  border-width: $grid-headercell-both-border-width;
78859
78850
  }
78860
78851
 
@@ -79549,7 +79540,7 @@ $grid-dropitems-count-margin-left: -9px !default;
79549
79540
  border-left-width: $grid-border-size;
79550
79541
  }
79551
79542
 
79552
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79543
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79553
79544
  border-bottom-style: $grid-border-type;
79554
79545
  border-bottom-width: $grid-border-size;
79555
79546
  border-left-style: $grid-border-type;
@@ -80838,8 +80829,8 @@ $grid-dropitems-count-margin-left: -9px !default;
80838
80829
  padding-top: $grid-ungroup-rtl-padding-top;
80839
80830
  }
80840
80831
 
80841
- &.e-default.e-bothlines .e-headercell,
80842
- &.e-default.e-bothlines .e-detailheadercell {
80832
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
80833
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
80843
80834
  border-width: $grid-headercell-both-border-width;
80844
80835
  }
80845
80836
 
@@ -80862,7 +80853,7 @@ $grid-dropitems-count-margin-left: -9px !default;
80862
80853
  border-right: 0;
80863
80854
  }
80864
80855
 
80865
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
80856
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
80866
80857
  border-bottom-style: $grid-border-type;
80867
80858
  border-bottom-width: $grid-border-size;
80868
80859
  }
@@ -81369,6 +81360,16 @@ $grid-dropitems-count-margin-left: -9px !default;
81369
81360
  }
81370
81361
  }
81371
81362
 
81363
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
81364
+ border-bottom-style: $grid-border-type;
81365
+ border-bottom-width: $grid-border-size;
81366
+ }
81367
+
81368
+ &.e-rtl.e-default.e-bothlines .e-headercell,
81369
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
81370
+ border-width: $grid-headercell-both-border-width;
81371
+ }
81372
+
81372
81373
  .e-bigger #{&}.e-grid.sf-grid,
81373
81374
  #{&}.e-grid.sf-grid.e-bigger {
81374
81375
  .e-gridheader table th:not([rowspan = '1']),
@@ -84089,6 +84090,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84089
84090
  .e-rcursor {
84090
84091
  border: 0;
84091
84092
  }
84093
+
84094
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84095
+ padding: 5px 8px;
84096
+ line-height: 16px;
84097
+ }
84092
84098
  }
84093
84099
 
84094
84100
  @include visibility(hidden);
@@ -84139,6 +84145,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
84139
84145
  line-height: 20px;
84140
84146
  }
84141
84147
  }
84148
+
84149
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
84150
+ padding: 10px 8px;
84151
+ line-height: 16px;
84152
+ }
84142
84153
  }
84143
84154
 
84144
84155
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -101260,15 +101271,15 @@ $pv-search-btn-width-big: 32px !default;
101260
101271
  font-size: 18px;
101261
101272
  }
101262
101273
 
101263
- .e-pv-annotation-color-container,
101264
- .e-pv-annotation-opacity-container,
101265
- .e-pv-annotation-stroke-container,
101266
- .e-pv-custom-annotation-thickness-container,
101267
- .e-pv-custom-annotation-opacity-container,
101268
- .e-pv-annotation-thickness-container,
101269
- .e-pv-annotation-textcolor-container,
101270
- .e-pv-annotation-textalign-container,
101271
- .e-pv-annotation-textprop-container {
101274
+ .e-pv-annotation-color-container .e-btn,
101275
+ .e-pv-annotation-opacity-container .e-btn,
101276
+ .e-pv-annotation-stroke-container .e-btn,
101277
+ .e-pv-custom-annotation-thickness-container .e-btn,
101278
+ .e-pv-custom-annotation-opacity-container .e-btn,
101279
+ .e-pv-annotation-thickness-container .e-btn,
101280
+ .e-pv-annotation-textcolor-container .e-btn,
101281
+ .e-pv-annotation-textalign-container .e-btn,
101282
+ .e-pv-annotation-textprop-container .e-btn {
101272
101283
  height: $pv-annotation-drop-down-height;
101273
101284
  width: $pv-annotation-drop-down-width;
101274
101285
  }
@@ -111186,16 +111197,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111186
111197
  }
111187
111198
  }
111188
111199
 
111189
- &.e-device {
111190
- .e-pivotcell-container {
111191
- .e-stackedheadertext {
111192
- &.e-cellvalue {
111193
- align-self: center;
111194
- }
111195
- }
111196
- }
111197
- }
111198
-
111199
111200
  .e-nextspan {
111200
111201
  display: inline-block;
111201
111202
  width: $pivotview-indent-space-size;
@@ -111257,9 +111258,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111257
111258
  border-bottom-color: $border-light;
111258
111259
  }
111259
111260
 
111260
- table th[rowspan = '1'] {
111261
- padding-bottom: 0;
111262
- padding-top: 0;
111261
+ table th[rowspan = '1'],
111262
+ table th:not([rowspan]) {
111263
+ padding-bottom: 0 !important;
111264
+ padding-top: 0 !important;
111263
111265
  vertical-align: middle;
111264
111266
  }
111265
111267
  }
@@ -111475,10 +111477,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111475
111477
  .e-spinner-pane.e-pivot-outer-spinner {
111476
111478
  z-index: 1 !important;
111477
111479
  }
111480
+
111478
111481
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
111479
111482
  visibility: hidden !important;
111480
111483
  /* stylelint-enable */
111481
111484
  }
111485
+
111482
111486
  .e-grid {
111483
111487
  .e-pivot-content-loader {
111484
111488
  position: absolute;
@@ -111497,6 +111501,10 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111497
111501
  visibility: hidden;
111498
111502
  }
111499
111503
  }
111504
+
111505
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
111506
+ align-self: center;
111507
+ }
111500
111508
  }
111501
111509
 
111502
111510
  .e-grid .e-headercelldiv,
@@ -2643,15 +2643,15 @@ $pv-eye-icon-margin-top: 3px !default;
2643
2643
  font-size: 18px;
2644
2644
  }
2645
2645
 
2646
- .e-pv-annotation-color-container,
2647
- .e-pv-annotation-opacity-container,
2648
- .e-pv-annotation-stroke-container,
2649
- .e-pv-custom-annotation-thickness-container,
2650
- .e-pv-custom-annotation-opacity-container,
2651
- .e-pv-annotation-thickness-container,
2652
- .e-pv-annotation-textcolor-container,
2653
- .e-pv-annotation-textalign-container,
2654
- .e-pv-annotation-textprop-container {
2646
+ .e-pv-annotation-color-container .e-btn,
2647
+ .e-pv-annotation-opacity-container .e-btn,
2648
+ .e-pv-annotation-stroke-container .e-btn,
2649
+ .e-pv-custom-annotation-thickness-container .e-btn,
2650
+ .e-pv-custom-annotation-opacity-container .e-btn,
2651
+ .e-pv-annotation-thickness-container .e-btn,
2652
+ .e-pv-annotation-textcolor-container .e-btn,
2653
+ .e-pv-annotation-textalign-container .e-btn,
2654
+ .e-pv-annotation-textprop-container .e-btn {
2655
2655
  height: $pv-annotation-drop-down-height;
2656
2656
  width: $pv-annotation-drop-down-width;
2657
2657
  }
@@ -2643,15 +2643,15 @@ $pv-eye-icon-margin-top: 3px !default;
2643
2643
  font-size: 18px;
2644
2644
  }
2645
2645
 
2646
- .e-pv-annotation-color-container,
2647
- .e-pv-annotation-opacity-container,
2648
- .e-pv-annotation-stroke-container,
2649
- .e-pv-custom-annotation-thickness-container,
2650
- .e-pv-custom-annotation-opacity-container,
2651
- .e-pv-annotation-thickness-container,
2652
- .e-pv-annotation-textcolor-container,
2653
- .e-pv-annotation-textalign-container,
2654
- .e-pv-annotation-textprop-container {
2646
+ .e-pv-annotation-color-container .e-btn,
2647
+ .e-pv-annotation-opacity-container .e-btn,
2648
+ .e-pv-annotation-stroke-container .e-btn,
2649
+ .e-pv-custom-annotation-thickness-container .e-btn,
2650
+ .e-pv-custom-annotation-opacity-container .e-btn,
2651
+ .e-pv-annotation-thickness-container .e-btn,
2652
+ .e-pv-annotation-textcolor-container .e-btn,
2653
+ .e-pv-annotation-textalign-container .e-btn,
2654
+ .e-pv-annotation-textprop-container .e-btn {
2655
2655
  height: $pv-annotation-drop-down-height;
2656
2656
  width: $pv-annotation-drop-down-width;
2657
2657
  }