@syncfusion/blazor-themes 27.2.2 → 27.2.3

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 (147) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +49 -39
  2. package/SCSS-Themes/bds-dark.scss +51 -41
  3. package/SCSS-Themes/bds-lite.scss +49 -39
  4. package/SCSS-Themes/bds.scss +51 -41
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +49 -39
  6. package/SCSS-Themes/bootstrap-dark.scss +51 -41
  7. package/SCSS-Themes/bootstrap-lite.scss +49 -39
  8. package/SCSS-Themes/bootstrap.scss +51 -41
  9. package/SCSS-Themes/bootstrap4-lite.scss +49 -39
  10. package/SCSS-Themes/bootstrap4.scss +51 -41
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +49 -39
  12. package/SCSS-Themes/bootstrap5-dark.scss +51 -41
  13. package/SCSS-Themes/bootstrap5-lite.scss +49 -39
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +49 -39
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +51 -41
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +49 -39
  17. package/SCSS-Themes/bootstrap5.3.scss +51 -41
  18. package/SCSS-Themes/bootstrap5.scss +51 -41
  19. package/SCSS-Themes/fabric-dark-lite.scss +49 -39
  20. package/SCSS-Themes/fabric-dark.scss +51 -41
  21. package/SCSS-Themes/fabric-lite.scss +49 -39
  22. package/SCSS-Themes/fabric.scss +51 -41
  23. package/SCSS-Themes/fluent-dark-lite.scss +52 -42
  24. package/SCSS-Themes/fluent-dark.scss +54 -44
  25. package/SCSS-Themes/fluent-lite.scss +52 -42
  26. package/SCSS-Themes/fluent.scss +54 -44
  27. package/SCSS-Themes/fluent2-dark-lite.scss +49 -39
  28. package/SCSS-Themes/fluent2-dark.scss +51 -41
  29. package/SCSS-Themes/fluent2-highcontrast-lite.scss +49 -39
  30. package/SCSS-Themes/fluent2-highcontrast.scss +51 -41
  31. package/SCSS-Themes/fluent2-lite.scss +49 -39
  32. package/SCSS-Themes/fluent2.scss +51 -41
  33. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +46 -38
  34. package/SCSS-Themes/grids/grid/bds-dark.scss +48 -40
  35. package/SCSS-Themes/grids/grid/bds-lite.scss +46 -38
  36. package/SCSS-Themes/grids/grid/bds.scss +48 -40
  37. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +46 -38
  38. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +48 -40
  39. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +46 -38
  40. package/SCSS-Themes/grids/grid/bootstrap.scss +48 -40
  41. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +46 -38
  42. package/SCSS-Themes/grids/grid/bootstrap4.scss +48 -40
  43. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +46 -38
  44. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +48 -40
  45. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +46 -38
  46. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +46 -38
  47. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +48 -40
  48. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +46 -38
  49. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +48 -40
  50. package/SCSS-Themes/grids/grid/bootstrap5.scss +48 -40
  51. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +46 -38
  52. package/SCSS-Themes/grids/grid/fabric-dark.scss +48 -40
  53. package/SCSS-Themes/grids/grid/fabric-lite.scss +46 -38
  54. package/SCSS-Themes/grids/grid/fabric.scss +48 -40
  55. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +46 -38
  56. package/SCSS-Themes/grids/grid/fluent-dark.scss +48 -40
  57. package/SCSS-Themes/grids/grid/fluent-lite.scss +46 -38
  58. package/SCSS-Themes/grids/grid/fluent.scss +48 -40
  59. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +46 -38
  60. package/SCSS-Themes/grids/grid/fluent2-dark.scss +48 -40
  61. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +46 -38
  62. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +48 -40
  63. package/SCSS-Themes/grids/grid/fluent2-lite.scss +46 -38
  64. package/SCSS-Themes/grids/grid/fluent2.scss +48 -40
  65. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +46 -38
  66. package/SCSS-Themes/grids/grid/highcontrast.scss +48 -40
  67. package/SCSS-Themes/grids/grid/material-dark-lite.scss +46 -38
  68. package/SCSS-Themes/grids/grid/material-dark.scss +48 -40
  69. package/SCSS-Themes/grids/grid/material-lite.scss +46 -38
  70. package/SCSS-Themes/grids/grid/material.scss +48 -40
  71. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +46 -38
  72. package/SCSS-Themes/grids/grid/material3-dark.scss +48 -40
  73. package/SCSS-Themes/grids/grid/material3-lite.scss +46 -38
  74. package/SCSS-Themes/grids/grid/material3.scss +48 -40
  75. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +46 -38
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +48 -40
  77. package/SCSS-Themes/grids/grid/tailwind-lite.scss +46 -38
  78. package/SCSS-Themes/grids/grid/tailwind.scss +48 -40
  79. package/SCSS-Themes/highcontrast-lite.scss +49 -39
  80. package/SCSS-Themes/highcontrast.scss +51 -41
  81. package/SCSS-Themes/lists/list-view/bds-dark-lite.scss +3 -1
  82. package/SCSS-Themes/lists/list-view/bds-dark.scss +3 -1
  83. package/SCSS-Themes/lists/list-view/bds-lite.scss +3 -1
  84. package/SCSS-Themes/lists/list-view/bds.scss +3 -1
  85. package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss +3 -1
  86. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +3 -1
  87. package/SCSS-Themes/lists/list-view/bootstrap-lite.scss +3 -1
  88. package/SCSS-Themes/lists/list-view/bootstrap.scss +3 -1
  89. package/SCSS-Themes/lists/list-view/bootstrap4-lite.scss +3 -1
  90. package/SCSS-Themes/lists/list-view/bootstrap4.scss +3 -1
  91. package/SCSS-Themes/lists/list-view/bootstrap5-dark-lite.scss +3 -1
  92. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +3 -1
  93. package/SCSS-Themes/lists/list-view/bootstrap5-lite.scss +3 -1
  94. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark-lite.scss +3 -1
  95. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark.scss +3 -1
  96. package/SCSS-Themes/lists/list-view/bootstrap5.3-lite.scss +3 -1
  97. package/SCSS-Themes/lists/list-view/bootstrap5.3.scss +3 -1
  98. package/SCSS-Themes/lists/list-view/bootstrap5.scss +3 -1
  99. package/SCSS-Themes/lists/list-view/fabric-dark-lite.scss +3 -1
  100. package/SCSS-Themes/lists/list-view/fabric-dark.scss +3 -1
  101. package/SCSS-Themes/lists/list-view/fabric-lite.scss +3 -1
  102. package/SCSS-Themes/lists/list-view/fabric.scss +3 -1
  103. package/SCSS-Themes/lists/list-view/fluent-dark-lite.scss +3 -1
  104. package/SCSS-Themes/lists/list-view/fluent-dark.scss +3 -1
  105. package/SCSS-Themes/lists/list-view/fluent-lite.scss +3 -1
  106. package/SCSS-Themes/lists/list-view/fluent.scss +3 -1
  107. package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss +3 -1
  108. package/SCSS-Themes/lists/list-view/fluent2-dark.scss +3 -1
  109. package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss +3 -1
  110. package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss +3 -1
  111. package/SCSS-Themes/lists/list-view/fluent2-lite.scss +3 -1
  112. package/SCSS-Themes/lists/list-view/fluent2.scss +3 -1
  113. package/SCSS-Themes/lists/list-view/highcontrast-lite.scss +3 -1
  114. package/SCSS-Themes/lists/list-view/highcontrast.scss +3 -1
  115. package/SCSS-Themes/lists/list-view/material-dark-lite.scss +3 -1
  116. package/SCSS-Themes/lists/list-view/material-dark.scss +3 -1
  117. package/SCSS-Themes/lists/list-view/material-lite.scss +3 -1
  118. package/SCSS-Themes/lists/list-view/material.scss +3 -1
  119. package/SCSS-Themes/lists/list-view/material3-dark-lite.scss +3 -1
  120. package/SCSS-Themes/lists/list-view/material3-dark.scss +3 -1
  121. package/SCSS-Themes/lists/list-view/material3-lite.scss +3 -1
  122. package/SCSS-Themes/lists/list-view/material3.scss +3 -1
  123. package/SCSS-Themes/lists/list-view/tailwind-dark-lite.scss +3 -1
  124. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +3 -1
  125. package/SCSS-Themes/lists/list-view/tailwind-lite.scss +3 -1
  126. package/SCSS-Themes/lists/list-view/tailwind.scss +3 -1
  127. package/SCSS-Themes/material-dark-lite.scss +49 -39
  128. package/SCSS-Themes/material-dark.scss +51 -41
  129. package/SCSS-Themes/material-lite.scss +49 -39
  130. package/SCSS-Themes/material.scss +51 -41
  131. package/SCSS-Themes/material3-dark-lite.scss +49 -39
  132. package/SCSS-Themes/material3-dark.scss +51 -41
  133. package/SCSS-Themes/material3-lite.scss +49 -39
  134. package/SCSS-Themes/material3.scss +51 -41
  135. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss +3 -3
  136. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +3 -3
  137. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss +3 -3
  138. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +3 -3
  139. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss +3 -3
  140. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +3 -3
  141. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-lite.scss +3 -3
  142. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +3 -3
  143. package/SCSS-Themes/tailwind-dark-lite.scss +52 -42
  144. package/SCSS-Themes/tailwind-dark.scss +54 -44
  145. package/SCSS-Themes/tailwind-lite.scss +52 -42
  146. package/SCSS-Themes/tailwind.scss +54 -44
  147. package/package.json +1 -1
@@ -31250,7 +31250,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
31250
31250
  }
31251
31251
 
31252
31252
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
31253
- color: $listview-icon-color;
31253
+ @if ($skin-name != 'bootstrap5.3') {
31254
+ color: $listview-icon-color;
31255
+ }
31254
31256
 
31255
31257
  @if ($skin-name == 'tailwind') {
31256
31258
  &.e-back-button,
@@ -60598,6 +60600,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
60598
60600
  padding-left: $grid-columnchooser-input-padding-left;
60599
60601
  }
60600
60602
  }
60603
+
60604
+ & .e-mask {
60605
+
60606
+ &.e-skeleton {
60607
+ display: inline-block;
60608
+ height: 10px;
60609
+ width: 80%;
60610
+ }
60611
+
60612
+ &.e-mask-group-intent {
60613
+ margin-left: 7px;
60614
+ width: 16px;
60615
+ }
60616
+
60617
+ &.e-mask-detail-intent {
60618
+ width: 16px;
60619
+ }
60620
+
60621
+ &.e-mask-checkbox-intent {
60622
+ margin-left: 3px;
60623
+ margin-right: 16px;
60624
+ width: 20px;
60625
+ }
60626
+
60627
+ &.e-mask-checkbox-filter-intent {
60628
+ width: 13px;
60629
+ }
60630
+
60631
+ &.e-mask-checkbox-filter-span-intent {
60632
+ margin-left: 8px;
60633
+ }
60634
+
60635
+ &.e-mask-drag-intent {
60636
+ margin-left: 12px;
60637
+ width: 12px;
60638
+ }
60639
+ }
60601
60640
  }
60602
60641
 
60603
60642
  #{&}.e-grid {
@@ -61481,7 +61520,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
61481
61520
 
61482
61521
  &:not(.e-grid-min-height) .e-gridcontent {
61483
61522
  tr td:not(.e-indentcell):first-child:empty,
61484
- .e-gridcontent tr.e-row .e-rowcell:empty {
61523
+ tr.e-row .e-rowcell:empty {
61485
61524
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
61486
61525
  }
61487
61526
  }
@@ -62378,7 +62417,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
62378
62417
 
62379
62418
  &.e-default .e-gridheader {
62380
62419
  th.e-firstcell,
62381
- th.e-laststackcell {
62420
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
62382
62421
  @include grid-border-width-styles;
62383
62422
  }
62384
62423
  }
@@ -63681,46 +63720,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
63681
63720
  }
63682
63721
  }
63683
63722
 
63684
- &:not(.sf-grid).e-resize-lines.e-rtl {
63685
- &.e-default table th[rowspan] {
63723
+ &.e-resize-lines {
63724
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
63725
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
63726
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
63686
63727
  border-right: 0;
63687
63728
  }
63688
63729
  }
63689
63730
 
63690
- & .e-mask {
63691
-
63692
- &.e-skeleton {
63693
- display: inline-block;
63694
- height: 10px;
63695
- width: 80%;
63696
- }
63697
-
63698
- &.e-mask-group-intent {
63699
- margin-left: 7px;
63700
- width: 16px;
63701
- }
63702
-
63703
- &.e-mask-detail-intent {
63704
- width: 16px;
63705
- }
63706
-
63707
- &.e-mask-checkbox-intent {
63708
- margin-left: 3px;
63709
- margin-right: 16px;
63710
- width: 20px;
63711
- }
63712
-
63713
- &.e-mask-checkbox-filter-intent {
63714
- width: 13px;
63715
- }
63716
-
63717
- &.e-mask-checkbox-filter-span-intent {
63718
- margin-left: 8px;
63719
- }
63720
-
63721
- &.e-mask-drag-intent {
63722
- margin-left: 12px;
63723
- width: 12px;
63731
+ &:not(.sf-grid).e-resize-lines.e-rtl {
63732
+ &.e-default table th[rowspan] {
63733
+ border-right: 0;
63724
63734
  }
63725
63735
  }
63726
63736
 
@@ -42897,7 +42897,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
42897
42897
  }
42898
42898
 
42899
42899
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42900
- color: $listview-icon-color;
42900
+ @if ($skin-name != 'bootstrap5.3') {
42901
+ color: $listview-icon-color;
42902
+ }
42901
42903
 
42902
42904
  @if ($skin-name == 'tailwind') {
42903
42905
  &.e-back-button,
@@ -82319,6 +82321,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
82319
82321
  padding-left: $grid-columnchooser-input-padding-left;
82320
82322
  }
82321
82323
  }
82324
+
82325
+ & .e-mask {
82326
+
82327
+ &.e-skeleton {
82328
+ display: inline-block;
82329
+ height: 10px;
82330
+ width: 80%;
82331
+ }
82332
+
82333
+ &.e-mask-group-intent {
82334
+ margin-left: 7px;
82335
+ width: 16px;
82336
+ }
82337
+
82338
+ &.e-mask-detail-intent {
82339
+ width: 16px;
82340
+ }
82341
+
82342
+ &.e-mask-checkbox-intent {
82343
+ margin-left: 3px;
82344
+ margin-right: 16px;
82345
+ width: 20px;
82346
+ }
82347
+
82348
+ &.e-mask-checkbox-filter-intent {
82349
+ width: 13px;
82350
+ }
82351
+
82352
+ &.e-mask-checkbox-filter-span-intent {
82353
+ margin-left: 8px;
82354
+ }
82355
+
82356
+ &.e-mask-drag-intent {
82357
+ margin-left: 12px;
82358
+ width: 12px;
82359
+ }
82360
+ }
82322
82361
  }
82323
82362
 
82324
82363
  #{&}.e-grid {
@@ -83202,7 +83241,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
83202
83241
 
83203
83242
  &:not(.e-grid-min-height) .e-gridcontent {
83204
83243
  tr td:not(.e-indentcell):first-child:empty,
83205
- .e-gridcontent tr.e-row .e-rowcell:empty {
83244
+ tr.e-row .e-rowcell:empty {
83206
83245
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
83207
83246
  }
83208
83247
  }
@@ -84099,7 +84138,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
84099
84138
 
84100
84139
  &.e-default .e-gridheader {
84101
84140
  th.e-firstcell,
84102
- th.e-laststackcell {
84141
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
84103
84142
  @include grid-border-width-styles;
84104
84143
  }
84105
84144
  }
@@ -85402,46 +85441,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
85402
85441
  }
85403
85442
  }
85404
85443
 
85405
- &:not(.sf-grid).e-resize-lines.e-rtl {
85406
- &.e-default table th[rowspan] {
85444
+ &.e-resize-lines {
85445
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
85446
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
85447
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
85407
85448
  border-right: 0;
85408
85449
  }
85409
85450
  }
85410
85451
 
85411
- & .e-mask {
85412
-
85413
- &.e-skeleton {
85414
- display: inline-block;
85415
- height: 10px;
85416
- width: 80%;
85417
- }
85418
-
85419
- &.e-mask-group-intent {
85420
- margin-left: 7px;
85421
- width: 16px;
85422
- }
85423
-
85424
- &.e-mask-detail-intent {
85425
- width: 16px;
85426
- }
85427
-
85428
- &.e-mask-checkbox-intent {
85429
- margin-left: 3px;
85430
- margin-right: 16px;
85431
- width: 20px;
85432
- }
85433
-
85434
- &.e-mask-checkbox-filter-intent {
85435
- width: 13px;
85436
- }
85437
-
85438
- &.e-mask-checkbox-filter-span-intent {
85439
- margin-left: 8px;
85440
- }
85441
-
85442
- &.e-mask-drag-intent {
85443
- margin-left: 12px;
85444
- width: 12px;
85452
+ &:not(.sf-grid).e-resize-lines.e-rtl {
85453
+ &.e-default table th[rowspan] {
85454
+ border-right: 0;
85445
85455
  }
85446
85456
  }
85447
85457
 
@@ -89162,13 +89172,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
89162
89172
  }
89163
89173
 
89164
89174
  li {
89165
- @if $grid-skin != 'bootstrap5.3' {
89175
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89166
89176
  color: $grid-rowcell-color;
89167
89177
  }
89168
89178
  }
89169
89179
 
89170
89180
  & .e-submenu.e-selected {
89171
- @if $grid-skin != 'bootstrap5.3' {
89181
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89172
89182
  background-color: $grid-responsive-header-background;
89173
89183
  }
89174
89184
  }
@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
442
442
  $pv-bookmark-icon-rtl-padding: 1px !default;
443
443
  $pv-corrupted-pop-content-margin-right: 53px !default;
444
444
  $pv-corrupted-pop-header-rtl-text-align: right !default;
445
- $pv-bookmark-container-background-color: $primary !default;
445
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
446
446
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
447
447
  $pv-toolbar-btn-width-mobile: 36px !default;
448
448
  $pv-toolbar-btn-height-mobile: 30px !default;
449
- $pv-bookmark-container-border: 1px solid $primary !default;
450
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
449
+ $pv-bookmark-container-border: 1px solid $border-light !default;
450
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
451
451
  $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
452
452
  $pv-annotation-opacity-popup-color: $content-text-color !default;
453
453
  $pv-annotation-opacity-popup-padding: 16px !default;
@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
442
442
  $pv-bookmark-icon-rtl-padding: 1px !default;
443
443
  $pv-corrupted-pop-content-margin-right: 53px !default;
444
444
  $pv-corrupted-pop-header-rtl-text-align: right !default;
445
- $pv-bookmark-container-background-color: $primary !default;
445
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
446
446
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
447
447
  $pv-toolbar-btn-width-mobile: 36px !default;
448
448
  $pv-toolbar-btn-height-mobile: 30px !default;
449
- $pv-bookmark-container-border: 1px solid $primary !default;
450
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
449
+ $pv-bookmark-container-border: 1px solid $border-light !default;
450
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
451
451
  $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
452
452
  $pv-annotation-opacity-popup-color: $content-text-color !default;
453
453
  $pv-annotation-opacity-popup-padding: 16px !default;
@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
442
442
  $pv-bookmark-icon-rtl-padding: 1px !default;
443
443
  $pv-corrupted-pop-content-margin-right: 53px !default;
444
444
  $pv-corrupted-pop-header-rtl-text-align: right !default;
445
- $pv-bookmark-container-background-color: $primary !default;
445
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
446
446
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
447
447
  $pv-toolbar-btn-width-mobile: 36px !default;
448
448
  $pv-toolbar-btn-height-mobile: 30px !default;
449
- $pv-bookmark-container-border: 1px solid $primary !default;
450
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
449
+ $pv-bookmark-container-border: 1px solid $border-light !default;
450
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
451
451
  $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
452
452
  $pv-annotation-opacity-popup-color: $content-text-color !default;
453
453
  $pv-annotation-opacity-popup-padding: 16px !default;
@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
442
442
  $pv-bookmark-icon-rtl-padding: 1px !default;
443
443
  $pv-corrupted-pop-content-margin-right: 53px !default;
444
444
  $pv-corrupted-pop-header-rtl-text-align: right !default;
445
- $pv-bookmark-container-background-color: $primary !default;
445
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
446
446
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
447
447
  $pv-toolbar-btn-width-mobile: 36px !default;
448
448
  $pv-toolbar-btn-height-mobile: 30px !default;
449
- $pv-bookmark-container-border: 1px solid $primary !default;
450
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
449
+ $pv-bookmark-container-border: 1px solid $border-light !default;
450
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
451
451
  $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
452
452
  $pv-annotation-opacity-popup-color: $content-text-color !default;
453
453
  $pv-annotation-opacity-popup-padding: 16px !default;
@@ -532,10 +532,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
532
532
  $pv-input-hover-background: $transparent !default;
533
533
  $pv-input-hover-color: rgba($primary, .54) !default;
534
534
  $pv-input-background: $transparent !default;
535
- $pv-bookmark-container-background-color: $primary !default;
535
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
536
536
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
537
- $pv-bookmark-container-border: 1px solid $primary !default;
538
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
537
+ $pv-bookmark-container-border: 1px solid $border-light !default;
538
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
539
539
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
540
540
  $pv-annotation-dropdown-background-color: $transparent !default;
541
541
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -532,10 +532,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
532
532
  $pv-input-hover-background: $transparent !default;
533
533
  $pv-input-hover-color: rgba($primary, .54) !default;
534
534
  $pv-input-background: $transparent !default;
535
- $pv-bookmark-container-background-color: $primary !default;
535
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
536
536
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
537
- $pv-bookmark-container-border: 1px solid $primary !default;
538
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
537
+ $pv-bookmark-container-border: 1px solid $border-light !default;
538
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
539
539
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
540
540
  $pv-annotation-dropdown-background-color: $transparent !default;
541
541
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -532,10 +532,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
532
532
  $pv-input-hover-background: $transparent !default;
533
533
  $pv-input-hover-color: rgba($primary, .54) !default;
534
534
  $pv-input-background: $transparent !default;
535
- $pv-bookmark-container-background-color: $primary !default;
535
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
536
536
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
537
- $pv-bookmark-container-border: 1px solid $primary !default;
538
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
537
+ $pv-bookmark-container-border: 1px solid $border-light !default;
538
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
539
539
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
540
540
  $pv-annotation-dropdown-background-color: $transparent !default;
541
541
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -532,10 +532,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
532
532
  $pv-input-hover-background: $transparent !default;
533
533
  $pv-input-hover-color: rgba($primary, .54) !default;
534
534
  $pv-input-background: $transparent !default;
535
- $pv-bookmark-container-background-color: $primary !default;
535
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
536
536
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
537
- $pv-bookmark-container-border: 1px solid $primary !default;
538
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
537
+ $pv-bookmark-container-border: 1px solid $border-light !default;
538
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
539
539
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
540
540
  $pv-annotation-dropdown-background-color: $transparent !default;
541
541
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -30952,7 +30952,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
30952
30952
  }
30953
30953
 
30954
30954
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
30955
- color: $listview-icon-color;
30955
+ @if ($skin-name != 'bootstrap5.3') {
30956
+ color: $listview-icon-color;
30957
+ }
30956
30958
 
30957
30959
  @if ($skin-name == 'tailwind') {
30958
30960
  &.e-back-button,
@@ -60039,6 +60041,43 @@ $grid-checkmark-color: $primary-text-color !default;
60039
60041
  padding-left: $grid-columnchooser-input-padding-left;
60040
60042
  }
60041
60043
  }
60044
+
60045
+ & .e-mask {
60046
+
60047
+ &.e-skeleton {
60048
+ display: inline-block;
60049
+ height: 10px;
60050
+ width: 80%;
60051
+ }
60052
+
60053
+ &.e-mask-group-intent {
60054
+ margin-left: 7px;
60055
+ width: 16px;
60056
+ }
60057
+
60058
+ &.e-mask-detail-intent {
60059
+ width: 16px;
60060
+ }
60061
+
60062
+ &.e-mask-checkbox-intent {
60063
+ margin-left: 3px;
60064
+ margin-right: 16px;
60065
+ width: 20px;
60066
+ }
60067
+
60068
+ &.e-mask-checkbox-filter-intent {
60069
+ width: 13px;
60070
+ }
60071
+
60072
+ &.e-mask-checkbox-filter-span-intent {
60073
+ margin-left: 8px;
60074
+ }
60075
+
60076
+ &.e-mask-drag-intent {
60077
+ margin-left: 12px;
60078
+ width: 12px;
60079
+ }
60080
+ }
60042
60081
  }
60043
60082
 
60044
60083
  #{&}.e-grid {
@@ -60922,7 +60961,7 @@ $grid-checkmark-color: $primary-text-color !default;
60922
60961
 
60923
60962
  &:not(.e-grid-min-height) .e-gridcontent {
60924
60963
  tr td:not(.e-indentcell):first-child:empty,
60925
- .e-gridcontent tr.e-row .e-rowcell:empty {
60964
+ tr.e-row .e-rowcell:empty {
60926
60965
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
60927
60966
  }
60928
60967
  }
@@ -61819,7 +61858,7 @@ $grid-checkmark-color: $primary-text-color !default;
61819
61858
 
61820
61859
  &.e-default .e-gridheader {
61821
61860
  th.e-firstcell,
61822
- th.e-laststackcell {
61861
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
61823
61862
  @include grid-border-width-styles;
61824
61863
  }
61825
61864
  }
@@ -63122,46 +63161,17 @@ $grid-checkmark-color: $primary-text-color !default;
63122
63161
  }
63123
63162
  }
63124
63163
 
63125
- &:not(.sf-grid).e-resize-lines.e-rtl {
63126
- &.e-default table th[rowspan] {
63164
+ &.e-resize-lines {
63165
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
63166
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
63167
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
63127
63168
  border-right: 0;
63128
63169
  }
63129
63170
  }
63130
63171
 
63131
- & .e-mask {
63132
-
63133
- &.e-skeleton {
63134
- display: inline-block;
63135
- height: 10px;
63136
- width: 80%;
63137
- }
63138
-
63139
- &.e-mask-group-intent {
63140
- margin-left: 7px;
63141
- width: 16px;
63142
- }
63143
-
63144
- &.e-mask-detail-intent {
63145
- width: 16px;
63146
- }
63147
-
63148
- &.e-mask-checkbox-intent {
63149
- margin-left: 3px;
63150
- margin-right: 16px;
63151
- width: 20px;
63152
- }
63153
-
63154
- &.e-mask-checkbox-filter-intent {
63155
- width: 13px;
63156
- }
63157
-
63158
- &.e-mask-checkbox-filter-span-intent {
63159
- margin-left: 8px;
63160
- }
63161
-
63162
- &.e-mask-drag-intent {
63163
- margin-left: 12px;
63164
- width: 12px;
63172
+ &:not(.sf-grid).e-resize-lines.e-rtl {
63173
+ &.e-default table th[rowspan] {
63174
+ border-right: 0;
63165
63175
  }
63166
63176
  }
63167
63177
 
@@ -79170,10 +79180,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
79170
79180
  $pv-input-hover-background: $transparent !default;
79171
79181
  $pv-input-hover-color: rgba($primary, .54) !default;
79172
79182
  $pv-input-background: $transparent !default;
79173
- $pv-bookmark-container-background-color: $primary !default;
79183
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
79174
79184
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
79175
- $pv-bookmark-container-border: 1px solid $primary !default;
79176
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
79185
+ $pv-bookmark-container-border: 1px solid $border-light !default;
79186
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
79177
79187
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
79178
79188
  $pv-annotation-dropdown-background-color: $transparent !default;
79179
79189
  $pv-annotation-dropdown-border-color: $transparent !default;