@syncfusion/blazor-themes 22.2.8 → 22.2.10

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 (86) hide show
  1. package/SCSS-Themes/base/material.scss +1 -1
  2. package/SCSS-Themes/bootstrap-dark.scss +23 -4
  3. package/SCSS-Themes/bootstrap.scss +23 -4
  4. package/SCSS-Themes/bootstrap4.scss +23 -4
  5. package/SCSS-Themes/bootstrap5-dark.scss +23 -4
  6. package/SCSS-Themes/bootstrap5.scss +23 -4
  7. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +10 -2
  8. package/SCSS-Themes/buttons/check-box/bootstrap.scss +10 -2
  9. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +10 -2
  10. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +10 -2
  11. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +10 -2
  12. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +10 -2
  13. package/SCSS-Themes/buttons/check-box/fabric.scss +10 -2
  14. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +10 -2
  15. package/SCSS-Themes/buttons/check-box/fluent.scss +10 -2
  16. package/SCSS-Themes/buttons/check-box/highcontrast.scss +10 -2
  17. package/SCSS-Themes/buttons/check-box/material-dark.scss +10 -2
  18. package/SCSS-Themes/buttons/check-box/material.scss +10 -2
  19. package/SCSS-Themes/buttons/check-box/material3-dark.scss +10 -2
  20. package/SCSS-Themes/buttons/check-box/material3.scss +10 -2
  21. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +10 -2
  22. package/SCSS-Themes/buttons/check-box/tailwind.scss +10 -2
  23. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +9 -0
  24. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +9 -0
  25. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +9 -0
  26. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +9 -0
  27. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +9 -0
  28. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +9 -0
  29. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +9 -0
  30. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +9 -0
  31. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +9 -0
  32. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +9 -0
  33. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +9 -0
  34. package/SCSS-Themes/documenteditor/document-editor/material.scss +9 -0
  35. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +9 -0
  36. package/SCSS-Themes/documenteditor/document-editor/material3.scss +9 -0
  37. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +9 -0
  38. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +9 -0
  39. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +3 -1
  40. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +3 -1
  41. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +3 -1
  42. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +3 -1
  43. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +3 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +3 -1
  45. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +3 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +3 -1
  47. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +3 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +3 -1
  49. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +3 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +3 -1
  51. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +3 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +3 -1
  53. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +3 -1
  54. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +3 -1
  55. package/SCSS-Themes/fabric-dark.scss +24 -5
  56. package/SCSS-Themes/fabric.scss +24 -5
  57. package/SCSS-Themes/fluent-dark.scss +23 -4
  58. package/SCSS-Themes/fluent.scss +23 -4
  59. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  60. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  61. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  62. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  63. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  64. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  65. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  66. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  67. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  68. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  69. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  70. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  71. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  72. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  73. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  74. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  75. package/SCSS-Themes/highcontrast.scss +23 -4
  76. package/SCSS-Themes/material-dark.scss +24 -5
  77. package/SCSS-Themes/material.scss +25 -6
  78. package/SCSS-Themes/material3-dark.scss +23 -4
  79. package/SCSS-Themes/material3.scss +23 -4
  80. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -1
  81. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -1
  82. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -1
  83. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -1
  84. package/SCSS-Themes/tailwind-dark.scss +23 -4
  85. package/SCSS-Themes/tailwind.scss +23 -4
  86. package/package.json +1 -1
@@ -28376,8 +28376,12 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28376
28376
  margin: 0;
28377
28377
 
28378
28378
  &:hover {
28379
- background-color: $cbox-hover-bgcolor;
28380
- border-color: $cbox-hover-border-color;
28379
+ @if $skin-name != 'FluentUI' {
28380
+ &.e-check {
28381
+ background-color: $cbox-checkmark-hover-bgcolor;
28382
+ border-color: $cbox-checkmark-hover-border-color;
28383
+ }
28384
+ }
28381
28385
  @if $skin-name == 'FluentUI' {
28382
28386
  &:not(.e-check),
28383
28387
  &:not(.e-stop)::before {
@@ -28502,6 +28506,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28502
28506
  }
28503
28507
 
28504
28508
  &.e-stop {
28509
+ background-color: $cbox-focussed-checkmark-bgcolor;
28510
+ border-color: $cbox-focussed-checkmark-border-color;
28505
28511
  box-shadow: $cbox-focussed-box-shadow;
28506
28512
  color: $cbox-indeterminate-hover-color;
28507
28513
  }
@@ -28524,6 +28530,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28524
28530
  }
28525
28531
 
28526
28532
  &.e-stop {
28533
+ background-color: $cbox-focussed-checkmark-bgcolor;
28534
+ border-color: $cbox-focussed-checkmark-border-color;
28527
28535
  box-shadow: $cbox-focussed-box-shadow;
28528
28536
  color: $cbox-indeterminate-hover-color;
28529
28537
  }
@@ -63863,6 +63871,7 @@ $de-para-dlg-rtl-btn-font-size: 12px !default;
63863
63871
  $de-para-dlg-rtl-btn-width: 200px !default;
63864
63872
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
63865
63873
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
63874
+ $de-svg-border-stroke: $content-font !default;
63866
63875
 
63867
63876
  // Table properties
63868
63877
  $de-row-height-bottom-margin: 8px;
@@ -63879,6 +63888,14 @@ $de-column-presets-font-size: 60px !default;
63879
63888
  display: flex;
63880
63889
  }
63881
63890
 
63891
+ .e-de-svg-border-color {
63892
+ stroke: $de-svg-border-stroke;
63893
+ }
63894
+
63895
+ .e-de-svg-border-fill-color {
63896
+ fill: $de-svg-border-stroke;
63897
+ }
63898
+
63882
63899
  .e-de-container-row {
63883
63900
  display: flex;
63884
63901
  padding-bottom: $de-padding-full;
@@ -68648,7 +68665,9 @@ $de-prop-btn-icon-clr: #ccc;
68648
68665
  .e-de-toolbar {
68649
68666
  height: 100%;
68650
68667
  }
68651
-
68668
+ .e-documenteditorcontainer {
68669
+ display: block;
68670
+ }
68652
68671
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
68653
68672
  height: 0;
68654
68673
  @if $skin-name == 'tailwind' {
@@ -90883,7 +90902,7 @@ $gantt-masked-table-background-color: #e1dfdd;
90883
90902
  pointer-events: none;
90884
90903
  position: absolute;
90885
90904
  top: 50%;
90886
- width: 99%;
90905
+ width: 99.5%;
90887
90906
  }
90888
90907
 
90889
90908
  .e-gantt-child-taskbar-inner-div,
@@ -28823,8 +28823,12 @@ $cbox-border-style: solid !default;
28823
28823
  margin: 0;
28824
28824
 
28825
28825
  &:hover {
28826
- background-color: $cbox-hover-bgcolor;
28827
- border-color: $cbox-hover-border-color;
28826
+ @if $skin-name != 'FluentUI' {
28827
+ &.e-check {
28828
+ background-color: $cbox-checkmark-hover-bgcolor;
28829
+ border-color: $cbox-checkmark-hover-border-color;
28830
+ }
28831
+ }
28828
28832
  @if $skin-name == 'FluentUI' {
28829
28833
  &:not(.e-check),
28830
28834
  &:not(.e-stop)::before {
@@ -28949,6 +28953,8 @@ $cbox-border-style: solid !default;
28949
28953
  }
28950
28954
 
28951
28955
  &.e-stop {
28956
+ background-color: $cbox-focussed-checkmark-bgcolor;
28957
+ border-color: $cbox-focussed-checkmark-border-color;
28952
28958
  box-shadow: $cbox-focussed-box-shadow;
28953
28959
  color: $cbox-indeterminate-hover-color;
28954
28960
  }
@@ -28971,6 +28977,8 @@ $cbox-border-style: solid !default;
28971
28977
  }
28972
28978
 
28973
28979
  &.e-stop {
28980
+ background-color: $cbox-focussed-checkmark-bgcolor;
28981
+ border-color: $cbox-focussed-checkmark-border-color;
28974
28982
  box-shadow: $cbox-focussed-box-shadow;
28975
28983
  color: $cbox-indeterminate-hover-color;
28976
28984
  }
@@ -65158,6 +65166,7 @@ $de-para-dlg-rtl-btn-width: 200px;
65158
65166
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
65159
65167
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
65160
65168
  $de-para-dlg-spacing-div-mrgn-left: 40px;
65169
+ $de-svg-border-stroke: $grey-dark-font !default;
65161
65170
 
65162
65171
  // Table properties
65163
65172
  $de-row-height-bottom-margin: 8px;
@@ -65174,6 +65183,14 @@ $de-column-presets-font-size: 60px !default;
65174
65183
  display: flex;
65175
65184
  }
65176
65185
 
65186
+ .e-de-svg-border-color {
65187
+ stroke: $de-svg-border-stroke;
65188
+ }
65189
+
65190
+ .e-de-svg-border-fill-color {
65191
+ fill: $de-svg-border-stroke;
65192
+ }
65193
+
65177
65194
  .e-de-container-row {
65178
65195
  display: flex;
65179
65196
  padding-bottom: $de-padding-full;
@@ -69937,7 +69954,9 @@ $de-prop-btn-icon-clr: #ccc;
69937
69954
  .e-de-toolbar {
69938
69955
  height: 100%;
69939
69956
  }
69940
-
69957
+ .e-documenteditorcontainer {
69958
+ display: block;
69959
+ }
69941
69960
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
69942
69961
  height: 0;
69943
69962
  @if $skin-name == 'tailwind' {
@@ -92200,7 +92219,7 @@ $gantt-masked-table-background-color: #e1dfdd;
92200
92219
  pointer-events: none;
92201
92220
  position: absolute;
92202
92221
  top: 50%;
92203
- width: 99%;
92222
+ width: 99.5%;
92204
92223
  }
92205
92224
 
92206
92225
  .e-gantt-child-taskbar-inner-div,
@@ -108369,7 +108388,7 @@ $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
108369
108388
  $pivotgrid-default-border-color: $grey-700 !default;
108370
108389
  $pivotgrid-border-type: $border-type !default;
108371
108390
  $pivotgrid-border-size: 1px !default;
108372
- $pivotgrid-table-background-color: $grey-white !default;
108391
+ $pivotgrid-table-background-color: $grey-900 !default;
108373
108392
  $pivotgrid-content-font-size: 13px !default;
108374
108393
  $pivotgrid-bigger-content-font-size: 13px !default;
108375
108394
  $field-list-font-family: $font-family !default;
@@ -151,7 +151,7 @@ $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !
151
151
 
152
152
  @if not variable-exists('is-roboto-loaded') {
153
153
  //sass-lint:disable no-url-protocols,no-url-domains
154
- @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
154
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule
155
155
  }
156
156
 
157
157
  $is-roboto-loaded: 'true' !default;
@@ -28620,8 +28620,12 @@ $cbox-border-style: solid !default;
28620
28620
  margin: 0;
28621
28621
 
28622
28622
  &:hover {
28623
- background-color: $cbox-hover-bgcolor;
28624
- border-color: $cbox-hover-border-color;
28623
+ @if $skin-name != 'FluentUI' {
28624
+ &.e-check {
28625
+ background-color: $cbox-checkmark-hover-bgcolor;
28626
+ border-color: $cbox-checkmark-hover-border-color;
28627
+ }
28628
+ }
28625
28629
  @if $skin-name == 'FluentUI' {
28626
28630
  &:not(.e-check),
28627
28631
  &:not(.e-stop)::before {
@@ -28746,6 +28750,8 @@ $cbox-border-style: solid !default;
28746
28750
  }
28747
28751
 
28748
28752
  &.e-stop {
28753
+ background-color: $cbox-focussed-checkmark-bgcolor;
28754
+ border-color: $cbox-focussed-checkmark-border-color;
28749
28755
  box-shadow: $cbox-focussed-box-shadow;
28750
28756
  color: $cbox-indeterminate-hover-color;
28751
28757
  }
@@ -28768,6 +28774,8 @@ $cbox-border-style: solid !default;
28768
28774
  }
28769
28775
 
28770
28776
  &.e-stop {
28777
+ background-color: $cbox-focussed-checkmark-bgcolor;
28778
+ border-color: $cbox-focussed-checkmark-border-color;
28771
28779
  box-shadow: $cbox-focussed-box-shadow;
28772
28780
  color: $cbox-indeterminate-hover-color;
28773
28781
  }
@@ -64885,6 +64893,7 @@ $de-para-dlg-rtl-btn-width: 200px;
64885
64893
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
64886
64894
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
64887
64895
  $de-para-dlg-spacing-div-mrgn-left: 40px;
64896
+ $de-svg-border-stroke: rgba($grey-light-font, .87) !default;
64888
64897
 
64889
64898
  // Table properties
64890
64899
  $de-row-height-bottom-margin: 8px;
@@ -64901,6 +64910,14 @@ $de-column-presets-font-size: 60px !default;
64901
64910
  display: flex;
64902
64911
  }
64903
64912
 
64913
+ .e-de-svg-border-color {
64914
+ stroke: $de-svg-border-stroke;
64915
+ }
64916
+
64917
+ .e-de-svg-border-fill-color {
64918
+ fill: $de-svg-border-stroke;
64919
+ }
64920
+
64904
64921
  .e-de-container-row {
64905
64922
  display: flex;
64906
64923
  padding-bottom: $de-padding-full;
@@ -69663,7 +69680,9 @@ $de-prop-btn-icon-clr: #ccc;
69663
69680
  .e-de-toolbar {
69664
69681
  height: 100%;
69665
69682
  }
69666
-
69683
+ .e-documenteditorcontainer {
69684
+ display: block;
69685
+ }
69667
69686
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
69668
69687
  height: 0;
69669
69688
  @if $skin-name == 'tailwind' {
@@ -91912,7 +91931,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91912
91931
  pointer-events: none;
91913
91932
  position: absolute;
91914
91933
  top: 50%;
91915
- width: 99%;
91934
+ width: 99.5%;
91916
91935
  }
91917
91936
 
91918
91937
  .e-gantt-child-taskbar-inner-div,
@@ -108080,7 +108099,7 @@ $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
108080
108099
  $pivotgrid-default-border-color: $grey-300 !default;
108081
108100
  $pivotgrid-border-type: $border-type !default;
108082
108101
  $pivotgrid-border-size: 1px !default;
108083
- $pivotgrid-table-background-color: $grey-white !default;
108102
+ $pivotgrid-table-background-color: $grey-100 !default;
108084
108103
  $pivotgrid-content-font-size: 13px !default;
108085
108104
  $pivotgrid-bigger-content-font-size: 13px !default;
108086
108105
  $field-list-font-family: $font-family !default;
@@ -29012,8 +29012,12 @@ $cbox-border-style: solid !default;
29012
29012
  margin: 0;
29013
29013
 
29014
29014
  &:hover {
29015
- background-color: $cbox-hover-bgcolor;
29016
- border-color: $cbox-hover-border-color;
29015
+ @if $skin-name != 'FluentUI' {
29016
+ &.e-check {
29017
+ background-color: $cbox-checkmark-hover-bgcolor;
29018
+ border-color: $cbox-checkmark-hover-border-color;
29019
+ }
29020
+ }
29017
29021
  @if $skin-name == 'FluentUI' {
29018
29022
  &:not(.e-check),
29019
29023
  &:not(.e-stop)::before {
@@ -29138,6 +29142,8 @@ $cbox-border-style: solid !default;
29138
29142
  }
29139
29143
 
29140
29144
  &.e-stop {
29145
+ background-color: $cbox-focussed-checkmark-bgcolor;
29146
+ border-color: $cbox-focussed-checkmark-border-color;
29141
29147
  box-shadow: $cbox-focussed-box-shadow;
29142
29148
  color: $cbox-indeterminate-hover-color;
29143
29149
  }
@@ -29160,6 +29166,8 @@ $cbox-border-style: solid !default;
29160
29166
  }
29161
29167
 
29162
29168
  &.e-stop {
29169
+ background-color: $cbox-focussed-checkmark-bgcolor;
29170
+ border-color: $cbox-focussed-checkmark-border-color;
29163
29171
  box-shadow: $cbox-focussed-box-shadow;
29164
29172
  color: $cbox-indeterminate-hover-color;
29165
29173
  }
@@ -65206,6 +65214,7 @@ $de-para-dlg-rtl-btn-width: 100px !default;
65206
65214
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
65207
65215
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 20px !default;
65208
65216
  $de-para-dlg-spacing-div-mrgn-left: 40px !default;
65217
+ $de-svg-border-stroke: rgba($content-text-color) !default;
65209
65218
 
65210
65219
  // Color variable
65211
65220
  $de-background: $content-bg-color-alt1 !default;
@@ -65310,6 +65319,14 @@ $de-column-presets-font-size: 60px !default;
65310
65319
  display: flex;
65311
65320
  }
65312
65321
 
65322
+ .e-de-svg-border-color {
65323
+ stroke: $de-svg-border-stroke;
65324
+ }
65325
+
65326
+ .e-de-svg-border-fill-color {
65327
+ fill: $de-svg-border-stroke;
65328
+ }
65329
+
65313
65330
  .e-de-container-row {
65314
65331
  display: flex;
65315
65332
  padding-bottom: $de-padding-full;
@@ -70142,7 +70159,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
70142
70159
  .e-de-toolbar {
70143
70160
  height: 100%;
70144
70161
  }
70145
-
70162
+ .e-documenteditorcontainer {
70163
+ display: block;
70164
+ }
70146
70165
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
70147
70166
  height: 0;
70148
70167
  @if $skin-name == 'tailwind' {
@@ -92495,7 +92514,7 @@ $gantt-split-container-line-border-color: rgba($outline);
92495
92514
  pointer-events: none;
92496
92515
  position: absolute;
92497
92516
  top: 50%;
92498
- width: 99%;
92517
+ width: 99.5%;
92499
92518
  }
92500
92519
 
92501
92520
  .e-gantt-child-taskbar-inner-div,
@@ -29094,8 +29094,12 @@ $cbox-border-style: solid !default;
29094
29094
  margin: 0;
29095
29095
 
29096
29096
  &:hover {
29097
- background-color: $cbox-hover-bgcolor;
29098
- border-color: $cbox-hover-border-color;
29097
+ @if $skin-name != 'FluentUI' {
29098
+ &.e-check {
29099
+ background-color: $cbox-checkmark-hover-bgcolor;
29100
+ border-color: $cbox-checkmark-hover-border-color;
29101
+ }
29102
+ }
29099
29103
  @if $skin-name == 'FluentUI' {
29100
29104
  &:not(.e-check),
29101
29105
  &:not(.e-stop)::before {
@@ -29220,6 +29224,8 @@ $cbox-border-style: solid !default;
29220
29224
  }
29221
29225
 
29222
29226
  &.e-stop {
29227
+ background-color: $cbox-focussed-checkmark-bgcolor;
29228
+ border-color: $cbox-focussed-checkmark-border-color;
29223
29229
  box-shadow: $cbox-focussed-box-shadow;
29224
29230
  color: $cbox-indeterminate-hover-color;
29225
29231
  }
@@ -29242,6 +29248,8 @@ $cbox-border-style: solid !default;
29242
29248
  }
29243
29249
 
29244
29250
  &.e-stop {
29251
+ background-color: $cbox-focussed-checkmark-bgcolor;
29252
+ border-color: $cbox-focussed-checkmark-border-color;
29245
29253
  box-shadow: $cbox-focussed-box-shadow;
29246
29254
  color: $cbox-indeterminate-hover-color;
29247
29255
  }
@@ -65288,6 +65296,7 @@ $de-para-dlg-rtl-btn-width: 100px !default;
65288
65296
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
65289
65297
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 20px !default;
65290
65298
  $de-para-dlg-spacing-div-mrgn-left: 40px !default;
65299
+ $de-svg-border-stroke: rgba($content-text-color) !default;
65291
65300
 
65292
65301
  // Color variable
65293
65302
  $de-background: $content-bg-color-alt1 !default;
@@ -65392,6 +65401,14 @@ $de-column-presets-font-size: 60px !default;
65392
65401
  display: flex;
65393
65402
  }
65394
65403
 
65404
+ .e-de-svg-border-color {
65405
+ stroke: $de-svg-border-stroke;
65406
+ }
65407
+
65408
+ .e-de-svg-border-fill-color {
65409
+ fill: $de-svg-border-stroke;
65410
+ }
65411
+
65395
65412
  .e-de-container-row {
65396
65413
  display: flex;
65397
65414
  padding-bottom: $de-padding-full;
@@ -70224,7 +70241,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
70224
70241
  .e-de-toolbar {
70225
70242
  height: 100%;
70226
70243
  }
70227
-
70244
+ .e-documenteditorcontainer {
70245
+ display: block;
70246
+ }
70228
70247
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
70229
70248
  height: 0;
70230
70249
  @if $skin-name == 'tailwind' {
@@ -92577,7 +92596,7 @@ $gantt-split-container-line-border-color: rgba($outline);
92577
92596
  pointer-events: none;
92578
92597
  position: absolute;
92579
92598
  top: 50%;
92580
- width: 99%;
92599
+ width: 99.5%;
92581
92600
  }
92582
92601
 
92583
92602
  .e-gantt-child-taskbar-inner-div,
@@ -58,7 +58,7 @@ $pivotgrid-cell-border-color: $neutral-light !default;
58
58
  $pivotgrid-default-border-color: $neutral-light !default;
59
59
  $pivotgrid-border-type: $border-type !default;
60
60
  $pivotgrid-border-size: $border-size !default;
61
- $pivotgrid-table-background-color: $neutral-white !default;
61
+ $pivotgrid-table-background-color: $neutral-lighter-alt !default;
62
62
  $pivotgrid-content-font-size: 13px !default;
63
63
  $pivotgrid-bigger-content-font-size: 13px !default;
64
64
  $field-list-font-family: $font-family !default;
@@ -58,7 +58,7 @@ $pivotgrid-cell-border-color: rgba($neutral-black, .12) !default;
58
58
  $pivotgrid-default-border-color: $neutral-quintenaryalt !default;
59
59
  $pivotgrid-border-type: $border-type !default;
60
60
  $pivotgrid-border-size: $border-size !default;
61
- $pivotgrid-table-background-color: $neutral-white !default;
61
+ $pivotgrid-table-background-color: $neutral-lighter !default;
62
62
  $pivotgrid-content-font-size: 13px !default;
63
63
  $pivotgrid-bigger-content-font-size: 13px !default;
64
64
  $field-list-font-family: $font-family !default;
@@ -58,7 +58,7 @@ $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
58
58
  $pivotgrid-default-border-color: $grey-700 !default;
59
59
  $pivotgrid-border-type: $border-type !default;
60
60
  $pivotgrid-border-size: 1px !default;
61
- $pivotgrid-table-background-color: $grey-white !default;
61
+ $pivotgrid-table-background-color: $grey-900 !default;
62
62
  $pivotgrid-content-font-size: 13px !default;
63
63
  $pivotgrid-bigger-content-font-size: 13px !default;
64
64
  $field-list-font-family: $font-family !default;
@@ -58,7 +58,7 @@ $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
58
58
  $pivotgrid-default-border-color: $grey-300 !default;
59
59
  $pivotgrid-border-type: $border-type !default;
60
60
  $pivotgrid-border-size: 1px !default;
61
- $pivotgrid-table-background-color: $grey-white !default;
61
+ $pivotgrid-table-background-color: $grey-100 !default;
62
62
  $pivotgrid-content-font-size: 13px !default;
63
63
  $pivotgrid-bigger-content-font-size: 13px !default;
64
64
  $field-list-font-family: $font-family !default;
@@ -28627,8 +28627,12 @@ $cbox-border-style: solid !default;
28627
28627
  margin: 0;
28628
28628
 
28629
28629
  &:hover {
28630
- background-color: $cbox-hover-bgcolor;
28631
- border-color: $cbox-hover-border-color;
28630
+ @if $skin-name != 'FluentUI' {
28631
+ &.e-check {
28632
+ background-color: $cbox-checkmark-hover-bgcolor;
28633
+ border-color: $cbox-checkmark-hover-border-color;
28634
+ }
28635
+ }
28632
28636
  @if $skin-name == 'FluentUI' {
28633
28637
  &:not(.e-check),
28634
28638
  &:not(.e-stop)::before {
@@ -28753,6 +28757,8 @@ $cbox-border-style: solid !default;
28753
28757
  }
28754
28758
 
28755
28759
  &.e-stop {
28760
+ background-color: $cbox-focussed-checkmark-bgcolor;
28761
+ border-color: $cbox-focussed-checkmark-border-color;
28756
28762
  box-shadow: $cbox-focussed-box-shadow;
28757
28763
  color: $cbox-indeterminate-hover-color;
28758
28764
  }
@@ -28775,6 +28781,8 @@ $cbox-border-style: solid !default;
28775
28781
  }
28776
28782
 
28777
28783
  &.e-stop {
28784
+ background-color: $cbox-focussed-checkmark-bgcolor;
28785
+ border-color: $cbox-focussed-checkmark-border-color;
28778
28786
  box-shadow: $cbox-focussed-box-shadow;
28779
28787
  color: $cbox-indeterminate-hover-color;
28780
28788
  }
@@ -64036,6 +64044,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
64036
64044
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
64037
64045
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
64038
64046
  $de-para-dlg-spacing-div-mrgn-left: 40px !default;
64047
+ $de-svg-border-stroke: $content-text-color !default;
64039
64048
 
64040
64049
  // Table properties
64041
64050
  $de-row-height-bottom-margin: 0;
@@ -64136,6 +64145,14 @@ $de-column-presets-font-size: $text-6xl !default;
64136
64145
  display: flex;
64137
64146
  }
64138
64147
 
64148
+ .e-de-svg-border-color {
64149
+ stroke: $de-svg-border-stroke;
64150
+ }
64151
+
64152
+ .e-de-svg-border-fill-color {
64153
+ fill: $de-svg-border-stroke;
64154
+ }
64155
+
64139
64156
  .e-de-container-row {
64140
64157
  display: flex;
64141
64158
  padding-bottom: $de-padding-full;
@@ -68961,7 +68978,9 @@ $de-hlt-clr-height-bigger: 24px;
68961
68978
  .e-de-toolbar {
68962
68979
  height: 100%;
68963
68980
  }
68964
-
68981
+ .e-documenteditorcontainer {
68982
+ display: block;
68983
+ }
68965
68984
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
68966
68985
  height: 0;
68967
68986
  @if $skin-name == 'tailwind' {
@@ -91263,7 +91282,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91263
91282
  pointer-events: none;
91264
91283
  position: absolute;
91265
91284
  top: 50%;
91266
- width: 99%;
91285
+ width: 99.5%;
91267
91286
  }
91268
91287
 
91269
91288
  .e-gantt-child-taskbar-inner-div,
@@ -28624,8 +28624,12 @@ $cbox-border-style: solid !default;
28624
28624
  margin: 0;
28625
28625
 
28626
28626
  &:hover {
28627
- background-color: $cbox-hover-bgcolor;
28628
- border-color: $cbox-hover-border-color;
28627
+ @if $skin-name != 'FluentUI' {
28628
+ &.e-check {
28629
+ background-color: $cbox-checkmark-hover-bgcolor;
28630
+ border-color: $cbox-checkmark-hover-border-color;
28631
+ }
28632
+ }
28629
28633
  @if $skin-name == 'FluentUI' {
28630
28634
  &:not(.e-check),
28631
28635
  &:not(.e-stop)::before {
@@ -28750,6 +28754,8 @@ $cbox-border-style: solid !default;
28750
28754
  }
28751
28755
 
28752
28756
  &.e-stop {
28757
+ background-color: $cbox-focussed-checkmark-bgcolor;
28758
+ border-color: $cbox-focussed-checkmark-border-color;
28753
28759
  box-shadow: $cbox-focussed-box-shadow;
28754
28760
  color: $cbox-indeterminate-hover-color;
28755
28761
  }
@@ -28772,6 +28778,8 @@ $cbox-border-style: solid !default;
28772
28778
  }
28773
28779
 
28774
28780
  &.e-stop {
28781
+ background-color: $cbox-focussed-checkmark-bgcolor;
28782
+ border-color: $cbox-focussed-checkmark-border-color;
28775
28783
  box-shadow: $cbox-focussed-box-shadow;
28776
28784
  color: $cbox-indeterminate-hover-color;
28777
28785
  }
@@ -64033,6 +64041,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
64033
64041
  $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
64034
64042
  $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
64035
64043
  $de-para-dlg-spacing-div-mrgn-left: 40px !default;
64044
+ $de-svg-border-stroke: $content-text-color !default;
64036
64045
 
64037
64046
  // Table properties
64038
64047
  $de-row-height-bottom-margin: 0;
@@ -64133,6 +64142,14 @@ $de-column-presets-font-size: $text-6xl !default;
64133
64142
  display: flex;
64134
64143
  }
64135
64144
 
64145
+ .e-de-svg-border-color {
64146
+ stroke: $de-svg-border-stroke;
64147
+ }
64148
+
64149
+ .e-de-svg-border-fill-color {
64150
+ fill: $de-svg-border-stroke;
64151
+ }
64152
+
64136
64153
  .e-de-container-row {
64137
64154
  display: flex;
64138
64155
  padding-bottom: $de-padding-full;
@@ -68958,7 +68975,9 @@ $de-hlt-clr-height-bigger: 24px;
68958
68975
  .e-de-toolbar {
68959
68976
  height: 100%;
68960
68977
  }
68961
-
68978
+ .e-documenteditorcontainer {
68979
+ display: block;
68980
+ }
68962
68981
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
68963
68982
  height: 0;
68964
68983
  @if $skin-name == 'tailwind' {
@@ -91260,7 +91279,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91260
91279
  pointer-events: none;
91261
91280
  position: absolute;
91262
91281
  top: 50%;
91263
- width: 99%;
91282
+ width: 99.5%;
91264
91283
  }
91265
91284
 
91266
91285
  .e-gantt-child-taskbar-inner-div,
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"22.2.8","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"22.2.10","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}