@syncfusion/blazor-themes 23.1.43 → 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 (65) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +31 -25
  2. package/SCSS-Themes/bootstrap.scss +31 -25
  3. package/SCSS-Themes/bootstrap4.scss +31 -25
  4. package/SCSS-Themes/bootstrap5-dark.scss +31 -25
  5. package/SCSS-Themes/bootstrap5.scss +31 -25
  6. package/SCSS-Themes/fabric-dark.scss +31 -25
  7. package/SCSS-Themes/fabric.scss +31 -25
  8. package/SCSS-Themes/fluent-dark.scss +31 -25
  9. package/SCSS-Themes/fluent.scss +31 -25
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +16 -6
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +16 -6
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +16 -6
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +16 -6
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +16 -6
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +16 -6
  16. package/SCSS-Themes/grids/grid/fabric.scss +16 -6
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +16 -6
  18. package/SCSS-Themes/grids/grid/fluent.scss +16 -6
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +16 -6
  20. package/SCSS-Themes/grids/grid/material-dark.scss +16 -6
  21. package/SCSS-Themes/grids/grid/material.scss +16 -6
  22. package/SCSS-Themes/grids/grid/material3-dark.scss +16 -6
  23. package/SCSS-Themes/grids/grid/material3.scss +16 -6
  24. package/SCSS-Themes/grids/grid/tailwind-dark.scss +16 -6
  25. package/SCSS-Themes/grids/grid/tailwind.scss +16 -6
  26. package/SCSS-Themes/highcontrast.scss +31 -25
  27. package/SCSS-Themes/material-dark.scss +31 -25
  28. package/SCSS-Themes/material.scss +31 -25
  29. package/SCSS-Themes/material3-dark.scss +31 -25
  30. package/SCSS-Themes/material3.scss +31 -25
  31. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +9 -9
  32. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +9 -9
  33. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +9 -9
  34. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +9 -9
  35. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +9 -9
  36. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +9 -9
  37. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +9 -9
  38. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +9 -9
  39. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +9 -9
  40. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +9 -9
  41. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +9 -9
  42. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +9 -9
  43. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +9 -9
  44. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +9 -9
  45. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +9 -9
  46. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +9 -9
  47. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +6 -10
  48. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +6 -10
  49. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +6 -10
  50. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +6 -10
  51. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +6 -10
  52. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +6 -10
  53. package/SCSS-Themes/pivotview/pivotview/fabric.scss +6 -10
  54. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +6 -10
  55. package/SCSS-Themes/pivotview/pivotview/fluent.scss +6 -10
  56. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +6 -10
  57. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +6 -10
  58. package/SCSS-Themes/pivotview/pivotview/material.scss +6 -10
  59. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +6 -10
  60. package/SCSS-Themes/pivotview/pivotview/material3.scss +6 -10
  61. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +6 -10
  62. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +6 -10
  63. package/SCSS-Themes/tailwind-dark.scss +31 -25
  64. package/SCSS-Themes/tailwind.scss +31 -25
  65. package/package.json +1 -1
@@ -77232,8 +77232,8 @@ margin: $grid-group-animator-cell-margin;
77232
77232
  border-left-width: 0;
77233
77233
  }
77234
77234
 
77235
- &.e-default.e-bothlines .e-headercell,
77236
- &.e-default.e-bothlines .e-detailheadercell {
77235
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
77236
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
77237
77237
  border-width: $grid-headercell-both-border-width;
77238
77238
  }
77239
77239
 
@@ -77928,7 +77928,7 @@ margin: $grid-group-animator-cell-margin;
77928
77928
  border-left-width: $grid-border-size;
77929
77929
  }
77930
77930
 
77931
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
77931
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
77932
77932
  border-bottom-style: $grid-border-type;
77933
77933
  border-bottom-width: $grid-border-size;
77934
77934
  border-left-style: $grid-border-type;
@@ -79217,8 +79217,8 @@ margin: $grid-group-animator-cell-margin;
79217
79217
  padding-top: $grid-ungroup-rtl-padding-top;
79218
79218
  }
79219
79219
 
79220
- &.e-default.e-bothlines .e-headercell,
79221
- &.e-default.e-bothlines .e-detailheadercell {
79220
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
79221
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
79222
79222
  border-width: $grid-headercell-both-border-width;
79223
79223
  }
79224
79224
 
@@ -79241,7 +79241,7 @@ margin: $grid-group-animator-cell-margin;
79241
79241
  border-right: 0;
79242
79242
  }
79243
79243
 
79244
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79244
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79245
79245
  border-bottom-style: $grid-border-type;
79246
79246
  border-bottom-width: $grid-border-size;
79247
79247
  }
@@ -79748,6 +79748,16 @@ margin: $grid-group-animator-cell-margin;
79748
79748
  }
79749
79749
  }
79750
79750
 
79751
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
79752
+ border-bottom-style: $grid-border-type;
79753
+ border-bottom-width: $grid-border-size;
79754
+ }
79755
+
79756
+ &.e-rtl.e-default.e-bothlines .e-headercell,
79757
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
79758
+ border-width: $grid-headercell-both-border-width;
79759
+ }
79760
+
79751
79761
  .e-bigger #{&}.e-grid.sf-grid,
79752
79762
  #{&}.e-grid.sf-grid.e-bigger {
79753
79763
  .e-gridheader table th:not([rowspan = '1']),
@@ -99577,15 +99587,15 @@ $pv-eye-icon-margin-top: 3px !default;
99577
99587
  font-size: 18px;
99578
99588
  }
99579
99589
 
99580
- .e-pv-annotation-color-container,
99581
- .e-pv-annotation-opacity-container,
99582
- .e-pv-annotation-stroke-container,
99583
- .e-pv-custom-annotation-thickness-container,
99584
- .e-pv-custom-annotation-opacity-container,
99585
- .e-pv-annotation-thickness-container,
99586
- .e-pv-annotation-textcolor-container,
99587
- .e-pv-annotation-textalign-container,
99588
- .e-pv-annotation-textprop-container {
99590
+ .e-pv-annotation-color-container .e-btn,
99591
+ .e-pv-annotation-opacity-container .e-btn,
99592
+ .e-pv-annotation-stroke-container .e-btn,
99593
+ .e-pv-custom-annotation-thickness-container .e-btn,
99594
+ .e-pv-custom-annotation-opacity-container .e-btn,
99595
+ .e-pv-annotation-thickness-container .e-btn,
99596
+ .e-pv-annotation-textcolor-container .e-btn,
99597
+ .e-pv-annotation-textalign-container .e-btn,
99598
+ .e-pv-annotation-textprop-container .e-btn {
99589
99599
  height: $pv-annotation-drop-down-height;
99590
99600
  width: $pv-annotation-drop-down-width;
99591
99601
  }
@@ -109473,16 +109483,6 @@ $pivotpager-single-size-title-padding: 4px !default;
109473
109483
  }
109474
109484
  }
109475
109485
 
109476
- &.e-device {
109477
- .e-pivotcell-container {
109478
- .e-stackedheadertext {
109479
- &.e-cellvalue {
109480
- align-self: center;
109481
- }
109482
- }
109483
- }
109484
- }
109485
-
109486
109486
  .e-nextspan {
109487
109487
  display: inline-block;
109488
109488
  width: $pivotview-indent-space-size;
@@ -109763,10 +109763,12 @@ $pivotpager-single-size-title-padding: 4px !default;
109763
109763
  .e-spinner-pane.e-pivot-outer-spinner {
109764
109764
  z-index: 1 !important;
109765
109765
  }
109766
+
109766
109767
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
109767
109768
  visibility: hidden !important;
109768
109769
  /* stylelint-enable */
109769
109770
  }
109771
+
109770
109772
  .e-grid {
109771
109773
  .e-pivot-content-loader {
109772
109774
  position: absolute;
@@ -109785,6 +109787,10 @@ $pivotpager-single-size-title-padding: 4px !default;
109785
109787
  visibility: hidden;
109786
109788
  }
109787
109789
  }
109790
+
109791
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
109792
+ align-self: center;
109793
+ }
109788
109794
  }
109789
109795
 
109790
109796
  .e-grid .e-headercelldiv,
@@ -76995,8 +76995,8 @@ margin: $grid-group-animator-cell-margin;
76995
76995
  border-left-width: 0;
76996
76996
  }
76997
76997
 
76998
- &.e-default.e-bothlines .e-headercell,
76999
- &.e-default.e-bothlines .e-detailheadercell {
76998
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
76999
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
77000
77000
  border-width: $grid-headercell-both-border-width;
77001
77001
  }
77002
77002
 
@@ -77691,7 +77691,7 @@ margin: $grid-group-animator-cell-margin;
77691
77691
  border-left-width: $grid-border-size;
77692
77692
  }
77693
77693
 
77694
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
77694
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
77695
77695
  border-bottom-style: $grid-border-type;
77696
77696
  border-bottom-width: $grid-border-size;
77697
77697
  border-left-style: $grid-border-type;
@@ -78980,8 +78980,8 @@ margin: $grid-group-animator-cell-margin;
78980
78980
  padding-top: $grid-ungroup-rtl-padding-top;
78981
78981
  }
78982
78982
 
78983
- &.e-default.e-bothlines .e-headercell,
78984
- &.e-default.e-bothlines .e-detailheadercell {
78983
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
78984
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
78985
78985
  border-width: $grid-headercell-both-border-width;
78986
78986
  }
78987
78987
 
@@ -79004,7 +79004,7 @@ margin: $grid-group-animator-cell-margin;
79004
79004
  border-right: 0;
79005
79005
  }
79006
79006
 
79007
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79007
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79008
79008
  border-bottom-style: $grid-border-type;
79009
79009
  border-bottom-width: $grid-border-size;
79010
79010
  }
@@ -79511,6 +79511,16 @@ margin: $grid-group-animator-cell-margin;
79511
79511
  }
79512
79512
  }
79513
79513
 
79514
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
79515
+ border-bottom-style: $grid-border-type;
79516
+ border-bottom-width: $grid-border-size;
79517
+ }
79518
+
79519
+ &.e-rtl.e-default.e-bothlines .e-headercell,
79520
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
79521
+ border-width: $grid-headercell-both-border-width;
79522
+ }
79523
+
79514
79524
  .e-bigger #{&}.e-grid.sf-grid,
79515
79525
  #{&}.e-grid.sf-grid.e-bigger {
79516
79526
  .e-gridheader table th:not([rowspan = '1']),
@@ -99338,15 +99348,15 @@ $pv-eye-icon-margin-top: 3px !default;
99338
99348
  font-size: 18px;
99339
99349
  }
99340
99350
 
99341
- .e-pv-annotation-color-container,
99342
- .e-pv-annotation-opacity-container,
99343
- .e-pv-annotation-stroke-container,
99344
- .e-pv-custom-annotation-thickness-container,
99345
- .e-pv-custom-annotation-opacity-container,
99346
- .e-pv-annotation-thickness-container,
99347
- .e-pv-annotation-textcolor-container,
99348
- .e-pv-annotation-textalign-container,
99349
- .e-pv-annotation-textprop-container {
99351
+ .e-pv-annotation-color-container .e-btn,
99352
+ .e-pv-annotation-opacity-container .e-btn,
99353
+ .e-pv-annotation-stroke-container .e-btn,
99354
+ .e-pv-custom-annotation-thickness-container .e-btn,
99355
+ .e-pv-custom-annotation-opacity-container .e-btn,
99356
+ .e-pv-annotation-thickness-container .e-btn,
99357
+ .e-pv-annotation-textcolor-container .e-btn,
99358
+ .e-pv-annotation-textalign-container .e-btn,
99359
+ .e-pv-annotation-textprop-container .e-btn {
99350
99360
  height: $pv-annotation-drop-down-height;
99351
99361
  width: $pv-annotation-drop-down-width;
99352
99362
  }
@@ -109226,16 +109236,6 @@ $pivotpager-single-size-title-padding: 4px !default;
109226
109236
  }
109227
109237
  }
109228
109238
 
109229
- &.e-device {
109230
- .e-pivotcell-container {
109231
- .e-stackedheadertext {
109232
- &.e-cellvalue {
109233
- align-self: center;
109234
- }
109235
- }
109236
- }
109237
- }
109238
-
109239
109239
  .e-nextspan {
109240
109240
  display: inline-block;
109241
109241
  width: $pivotview-indent-space-size;
@@ -109516,10 +109516,12 @@ $pivotpager-single-size-title-padding: 4px !default;
109516
109516
  .e-spinner-pane.e-pivot-outer-spinner {
109517
109517
  z-index: 1 !important;
109518
109518
  }
109519
+
109519
109520
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
109520
109521
  visibility: hidden !important;
109521
109522
  /* stylelint-enable */
109522
109523
  }
109524
+
109523
109525
  .e-grid {
109524
109526
  .e-pivot-content-loader {
109525
109527
  position: absolute;
@@ -109538,6 +109540,10 @@ $pivotpager-single-size-title-padding: 4px !default;
109538
109540
  visibility: hidden;
109539
109541
  }
109540
109542
  }
109543
+
109544
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
109545
+ align-self: center;
109546
+ }
109541
109547
  }
109542
109548
 
109543
109549
  .e-grid .e-headercelldiv,
@@ -77800,8 +77800,8 @@ margin: $grid-group-animator-cell-margin;
77800
77800
  border-left-width: 0;
77801
77801
  }
77802
77802
 
77803
- &.e-default.e-bothlines .e-headercell,
77804
- &.e-default.e-bothlines .e-detailheadercell {
77803
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
77804
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
77805
77805
  border-width: $grid-headercell-both-border-width;
77806
77806
  }
77807
77807
 
@@ -78496,7 +78496,7 @@ margin: $grid-group-animator-cell-margin;
78496
78496
  border-left-width: $grid-border-size;
78497
78497
  }
78498
78498
 
78499
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
78499
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
78500
78500
  border-bottom-style: $grid-border-type;
78501
78501
  border-bottom-width: $grid-border-size;
78502
78502
  border-left-style: $grid-border-type;
@@ -79785,8 +79785,8 @@ margin: $grid-group-animator-cell-margin;
79785
79785
  padding-top: $grid-ungroup-rtl-padding-top;
79786
79786
  }
79787
79787
 
79788
- &.e-default.e-bothlines .e-headercell,
79789
- &.e-default.e-bothlines .e-detailheadercell {
79788
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
79789
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
79790
79790
  border-width: $grid-headercell-both-border-width;
79791
79791
  }
79792
79792
 
@@ -79809,7 +79809,7 @@ margin: $grid-group-animator-cell-margin;
79809
79809
  border-right: 0;
79810
79810
  }
79811
79811
 
79812
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79812
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79813
79813
  border-bottom-style: $grid-border-type;
79814
79814
  border-bottom-width: $grid-border-size;
79815
79815
  }
@@ -80316,6 +80316,16 @@ margin: $grid-group-animator-cell-margin;
80316
80316
  }
80317
80317
  }
80318
80318
 
80319
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
80320
+ border-bottom-style: $grid-border-type;
80321
+ border-bottom-width: $grid-border-size;
80322
+ }
80323
+
80324
+ &.e-rtl.e-default.e-bothlines .e-headercell,
80325
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
80326
+ border-width: $grid-headercell-both-border-width;
80327
+ }
80328
+
80319
80329
  .e-bigger #{&}.e-grid.sf-grid,
80320
80330
  #{&}.e-grid.sf-grid.e-bigger {
80321
80331
  .e-gridheader table th:not([rowspan = '1']),
@@ -100184,15 +100194,15 @@ $pv-comment-text-cursor-color: $black !default;
100184
100194
  font-size: 18px;
100185
100195
  }
100186
100196
 
100187
- .e-pv-annotation-color-container,
100188
- .e-pv-annotation-opacity-container,
100189
- .e-pv-annotation-stroke-container,
100190
- .e-pv-custom-annotation-thickness-container,
100191
- .e-pv-custom-annotation-opacity-container,
100192
- .e-pv-annotation-thickness-container,
100193
- .e-pv-annotation-textcolor-container,
100194
- .e-pv-annotation-textalign-container,
100195
- .e-pv-annotation-textprop-container {
100197
+ .e-pv-annotation-color-container .e-btn,
100198
+ .e-pv-annotation-opacity-container .e-btn,
100199
+ .e-pv-annotation-stroke-container .e-btn,
100200
+ .e-pv-custom-annotation-thickness-container .e-btn,
100201
+ .e-pv-custom-annotation-opacity-container .e-btn,
100202
+ .e-pv-annotation-thickness-container .e-btn,
100203
+ .e-pv-annotation-textcolor-container .e-btn,
100204
+ .e-pv-annotation-textalign-container .e-btn,
100205
+ .e-pv-annotation-textprop-container .e-btn {
100196
100206
  height: $pv-annotation-drop-down-height;
100197
100207
  width: $pv-annotation-drop-down-width;
100198
100208
  }
@@ -110086,16 +110096,6 @@ $pivotpager-single-size-title-padding: 8px !default;
110086
110096
  }
110087
110097
  }
110088
110098
 
110089
- &.e-device {
110090
- .e-pivotcell-container {
110091
- .e-stackedheadertext {
110092
- &.e-cellvalue {
110093
- align-self: center;
110094
- }
110095
- }
110096
- }
110097
- }
110098
-
110099
110099
  .e-nextspan {
110100
110100
  display: inline-block;
110101
110101
  width: $pivotview-indent-space-size;
@@ -110376,10 +110376,12 @@ $pivotpager-single-size-title-padding: 8px !default;
110376
110376
  .e-spinner-pane.e-pivot-outer-spinner {
110377
110377
  z-index: 1 !important;
110378
110378
  }
110379
+
110379
110380
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
110380
110381
  visibility: hidden !important;
110381
110382
  /* stylelint-enable */
110382
110383
  }
110384
+
110383
110385
  .e-grid {
110384
110386
  .e-pivot-content-loader {
110385
110387
  position: absolute;
@@ -110398,6 +110400,10 @@ $pivotpager-single-size-title-padding: 8px !default;
110398
110400
  visibility: hidden;
110399
110401
  }
110400
110402
  }
110403
+
110404
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
110405
+ align-self: center;
110406
+ }
110401
110407
  }
110402
110408
 
110403
110409
  .e-grid .e-headercelldiv,
@@ -77801,8 +77801,8 @@ margin: $grid-group-animator-cell-margin;
77801
77801
  border-left-width: 0;
77802
77802
  }
77803
77803
 
77804
- &.e-default.e-bothlines .e-headercell,
77805
- &.e-default.e-bothlines .e-detailheadercell {
77804
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
77805
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
77806
77806
  border-width: $grid-headercell-both-border-width;
77807
77807
  }
77808
77808
 
@@ -78497,7 +78497,7 @@ margin: $grid-group-animator-cell-margin;
78497
78497
  border-left-width: $grid-border-size;
78498
78498
  }
78499
78499
 
78500
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
78500
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
78501
78501
  border-bottom-style: $grid-border-type;
78502
78502
  border-bottom-width: $grid-border-size;
78503
78503
  border-left-style: $grid-border-type;
@@ -79786,8 +79786,8 @@ margin: $grid-group-animator-cell-margin;
79786
79786
  padding-top: $grid-ungroup-rtl-padding-top;
79787
79787
  }
79788
79788
 
79789
- &.e-default.e-bothlines .e-headercell,
79790
- &.e-default.e-bothlines .e-detailheadercell {
79789
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
79790
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
79791
79791
  border-width: $grid-headercell-both-border-width;
79792
79792
  }
79793
79793
 
@@ -79810,7 +79810,7 @@ margin: $grid-group-animator-cell-margin;
79810
79810
  border-right: 0;
79811
79811
  }
79812
79812
 
79813
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
79813
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
79814
79814
  border-bottom-style: $grid-border-type;
79815
79815
  border-bottom-width: $grid-border-size;
79816
79816
  }
@@ -80317,6 +80317,16 @@ margin: $grid-group-animator-cell-margin;
80317
80317
  }
80318
80318
  }
80319
80319
 
80320
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
80321
+ border-bottom-style: $grid-border-type;
80322
+ border-bottom-width: $grid-border-size;
80323
+ }
80324
+
80325
+ &.e-rtl.e-default.e-bothlines .e-headercell,
80326
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
80327
+ border-width: $grid-headercell-both-border-width;
80328
+ }
80329
+
80320
80330
  .e-bigger #{&}.e-grid.sf-grid,
80321
80331
  #{&}.e-grid.sf-grid.e-bigger {
80322
80332
  .e-gridheader table th:not([rowspan = '1']),
@@ -100185,15 +100195,15 @@ $pv-comment-text-cursor-color: $black !default;
100185
100195
  font-size: 18px;
100186
100196
  }
100187
100197
 
100188
- .e-pv-annotation-color-container,
100189
- .e-pv-annotation-opacity-container,
100190
- .e-pv-annotation-stroke-container,
100191
- .e-pv-custom-annotation-thickness-container,
100192
- .e-pv-custom-annotation-opacity-container,
100193
- .e-pv-annotation-thickness-container,
100194
- .e-pv-annotation-textcolor-container,
100195
- .e-pv-annotation-textalign-container,
100196
- .e-pv-annotation-textprop-container {
100198
+ .e-pv-annotation-color-container .e-btn,
100199
+ .e-pv-annotation-opacity-container .e-btn,
100200
+ .e-pv-annotation-stroke-container .e-btn,
100201
+ .e-pv-custom-annotation-thickness-container .e-btn,
100202
+ .e-pv-custom-annotation-opacity-container .e-btn,
100203
+ .e-pv-annotation-thickness-container .e-btn,
100204
+ .e-pv-annotation-textcolor-container .e-btn,
100205
+ .e-pv-annotation-textalign-container .e-btn,
100206
+ .e-pv-annotation-textprop-container .e-btn {
100197
100207
  height: $pv-annotation-drop-down-height;
100198
100208
  width: $pv-annotation-drop-down-width;
100199
100209
  }
@@ -110087,16 +110097,6 @@ $pivotpager-single-size-title-padding: 8px !default;
110087
110097
  }
110088
110098
  }
110089
110099
 
110090
- &.e-device {
110091
- .e-pivotcell-container {
110092
- .e-stackedheadertext {
110093
- &.e-cellvalue {
110094
- align-self: center;
110095
- }
110096
- }
110097
- }
110098
- }
110099
-
110100
110100
  .e-nextspan {
110101
110101
  display: inline-block;
110102
110102
  width: $pivotview-indent-space-size;
@@ -110377,10 +110377,12 @@ $pivotpager-single-size-title-padding: 8px !default;
110377
110377
  .e-spinner-pane.e-pivot-outer-spinner {
110378
110378
  z-index: 1 !important;
110379
110379
  }
110380
+
110380
110381
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
110381
110382
  visibility: hidden !important;
110382
110383
  /* stylelint-enable */
110383
110384
  }
110385
+
110384
110386
  .e-grid {
110385
110387
  .e-pivot-content-loader {
110386
110388
  position: absolute;
@@ -110399,6 +110401,10 @@ $pivotpager-single-size-title-padding: 8px !default;
110399
110401
  visibility: hidden;
110400
110402
  }
110401
110403
  }
110404
+
110405
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
110406
+ align-self: center;
110407
+ }
110402
110408
  }
110403
110409
 
110404
110410
  .e-grid .e-headercelldiv,
@@ -2654,8 +2654,8 @@ margin: $grid-group-animator-cell-margin;
2654
2654
  border-left-width: 0;
2655
2655
  }
2656
2656
 
2657
- &.e-default.e-bothlines .e-headercell,
2658
- &.e-default.e-bothlines .e-detailheadercell {
2657
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2658
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2659
2659
  border-width: $grid-headercell-both-border-width;
2660
2660
  }
2661
2661
 
@@ -3350,7 +3350,7 @@ margin: $grid-group-animator-cell-margin;
3350
3350
  border-left-width: $grid-border-size;
3351
3351
  }
3352
3352
 
3353
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3353
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3354
3354
  border-bottom-style: $grid-border-type;
3355
3355
  border-bottom-width: $grid-border-size;
3356
3356
  border-left-style: $grid-border-type;
@@ -4639,8 +4639,8 @@ margin: $grid-group-animator-cell-margin;
4639
4639
  padding-top: $grid-ungroup-rtl-padding-top;
4640
4640
  }
4641
4641
 
4642
- &.e-default.e-bothlines .e-headercell,
4643
- &.e-default.e-bothlines .e-detailheadercell {
4642
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4643
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4644
4644
  border-width: $grid-headercell-both-border-width;
4645
4645
  }
4646
4646
 
@@ -4663,7 +4663,7 @@ margin: $grid-group-animator-cell-margin;
4663
4663
  border-right: 0;
4664
4664
  }
4665
4665
 
4666
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4666
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4667
4667
  border-bottom-style: $grid-border-type;
4668
4668
  border-bottom-width: $grid-border-size;
4669
4669
  }
@@ -5170,6 +5170,16 @@ margin: $grid-group-animator-cell-margin;
5170
5170
  }
5171
5171
  }
5172
5172
 
5173
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5174
+ border-bottom-style: $grid-border-type;
5175
+ border-bottom-width: $grid-border-size;
5176
+ }
5177
+
5178
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5179
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
+ border-width: $grid-headercell-both-border-width;
5181
+ }
5182
+
5173
5183
  .e-bigger #{&}.e-grid.sf-grid,
5174
5184
  #{&}.e-grid.sf-grid.e-bigger {
5175
5185
  .e-gridheader table th:not([rowspan = '1']),
@@ -2656,8 +2656,8 @@ margin: $grid-group-animator-cell-margin;
2656
2656
  border-left-width: 0;
2657
2657
  }
2658
2658
 
2659
- &.e-default.e-bothlines .e-headercell,
2660
- &.e-default.e-bothlines .e-detailheadercell {
2659
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2660
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2661
2661
  border-width: $grid-headercell-both-border-width;
2662
2662
  }
2663
2663
 
@@ -3352,7 +3352,7 @@ margin: $grid-group-animator-cell-margin;
3352
3352
  border-left-width: $grid-border-size;
3353
3353
  }
3354
3354
 
3355
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3355
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3356
3356
  border-bottom-style: $grid-border-type;
3357
3357
  border-bottom-width: $grid-border-size;
3358
3358
  border-left-style: $grid-border-type;
@@ -4641,8 +4641,8 @@ margin: $grid-group-animator-cell-margin;
4641
4641
  padding-top: $grid-ungroup-rtl-padding-top;
4642
4642
  }
4643
4643
 
4644
- &.e-default.e-bothlines .e-headercell,
4645
- &.e-default.e-bothlines .e-detailheadercell {
4644
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4645
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4646
4646
  border-width: $grid-headercell-both-border-width;
4647
4647
  }
4648
4648
 
@@ -4665,7 +4665,7 @@ margin: $grid-group-animator-cell-margin;
4665
4665
  border-right: 0;
4666
4666
  }
4667
4667
 
4668
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4668
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4669
4669
  border-bottom-style: $grid-border-type;
4670
4670
  border-bottom-width: $grid-border-size;
4671
4671
  }
@@ -5172,6 +5172,16 @@ margin: $grid-group-animator-cell-margin;
5172
5172
  }
5173
5173
  }
5174
5174
 
5175
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5176
+ border-bottom-style: $grid-border-type;
5177
+ border-bottom-width: $grid-border-size;
5178
+ }
5179
+
5180
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5181
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5182
+ border-width: $grid-headercell-both-border-width;
5183
+ }
5184
+
5175
5185
  .e-bigger #{&}.e-grid.sf-grid,
5176
5186
  #{&}.e-grid.sf-grid.e-bigger {
5177
5187
  .e-gridheader table th:not([rowspan = '1']),
@@ -2661,8 +2661,8 @@ margin: $grid-group-animator-cell-margin;
2661
2661
  border-left-width: 0;
2662
2662
  }
2663
2663
 
2664
- &.e-default.e-bothlines .e-headercell,
2665
- &.e-default.e-bothlines .e-detailheadercell {
2664
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2665
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2666
2666
  border-width: $grid-headercell-both-border-width;
2667
2667
  }
2668
2668
 
@@ -3357,7 +3357,7 @@ margin: $grid-group-animator-cell-margin;
3357
3357
  border-left-width: $grid-border-size;
3358
3358
  }
3359
3359
 
3360
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3360
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3361
3361
  border-bottom-style: $grid-border-type;
3362
3362
  border-bottom-width: $grid-border-size;
3363
3363
  border-left-style: $grid-border-type;
@@ -4646,8 +4646,8 @@ margin: $grid-group-animator-cell-margin;
4646
4646
  padding-top: $grid-ungroup-rtl-padding-top;
4647
4647
  }
4648
4648
 
4649
- &.e-default.e-bothlines .e-headercell,
4650
- &.e-default.e-bothlines .e-detailheadercell {
4649
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4650
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4651
4651
  border-width: $grid-headercell-both-border-width;
4652
4652
  }
4653
4653
 
@@ -4670,7 +4670,7 @@ margin: $grid-group-animator-cell-margin;
4670
4670
  border-right: 0;
4671
4671
  }
4672
4672
 
4673
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4673
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4674
4674
  border-bottom-style: $grid-border-type;
4675
4675
  border-bottom-width: $grid-border-size;
4676
4676
  }
@@ -5177,6 +5177,16 @@ margin: $grid-group-animator-cell-margin;
5177
5177
  }
5178
5178
  }
5179
5179
 
5180
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5181
+ border-bottom-style: $grid-border-type;
5182
+ border-bottom-width: $grid-border-size;
5183
+ }
5184
+
5185
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5186
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5187
+ border-width: $grid-headercell-both-border-width;
5188
+ }
5189
+
5180
5190
  .e-bigger #{&}.e-grid.sf-grid,
5181
5191
  #{&}.e-grid.sf-grid.e-bigger {
5182
5192
  .e-gridheader table th:not([rowspan = '1']),