@syncfusion/blazor-themes 26.2.5 → 26.2.8

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 (161) hide show
  1. package/SCSS-Themes/bds-dark.scss +188 -30
  2. package/SCSS-Themes/bds.scss +188 -30
  3. package/SCSS-Themes/bootstrap-dark.scss +190 -32
  4. package/SCSS-Themes/bootstrap.scss +190 -32
  5. package/SCSS-Themes/bootstrap4.scss +190 -32
  6. package/SCSS-Themes/bootstrap5-dark.scss +190 -32
  7. package/SCSS-Themes/bootstrap5.scss +190 -32
  8. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +6 -0
  9. package/SCSS-Themes/buttons/radio-button/bds.scss +6 -0
  10. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +6 -0
  11. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +6 -0
  12. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +6 -0
  13. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +6 -0
  14. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +6 -0
  15. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +6 -0
  16. package/SCSS-Themes/buttons/radio-button/fabric.scss +6 -0
  17. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +6 -0
  18. package/SCSS-Themes/buttons/radio-button/fluent.scss +6 -0
  19. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +6 -0
  20. package/SCSS-Themes/buttons/radio-button/fluent2.scss +6 -0
  21. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +6 -0
  22. package/SCSS-Themes/buttons/radio-button/material-dark.scss +6 -0
  23. package/SCSS-Themes/buttons/radio-button/material.scss +6 -0
  24. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +8 -2
  25. package/SCSS-Themes/buttons/radio-button/material3.scss +8 -2
  26. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +6 -0
  27. package/SCSS-Themes/buttons/radio-button/tailwind.scss +6 -0
  28. package/SCSS-Themes/documenteditor/document-editor/bds-dark.scss +2 -1
  29. package/SCSS-Themes/documenteditor/document-editor/bds.scss +2 -1
  30. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +2 -1
  31. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +2 -1
  32. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +2 -1
  33. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +2 -1
  34. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +2 -1
  35. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +2 -1
  36. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +2 -1
  37. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +2 -1
  38. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +2 -1
  39. package/SCSS-Themes/documenteditor/document-editor/fluent2-dark.scss +4 -3
  40. package/SCSS-Themes/documenteditor/document-editor/fluent2.scss +4 -3
  41. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +2 -1
  42. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +2 -1
  43. package/SCSS-Themes/documenteditor/document-editor/material.scss +2 -1
  44. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +2 -1
  45. package/SCSS-Themes/documenteditor/document-editor/material3.scss +2 -1
  46. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +2 -1
  47. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +2 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +16 -3
  49. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +16 -3
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +16 -3
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +16 -3
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +16 -3
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +16 -3
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +16 -3
  55. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +16 -3
  56. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +16 -3
  57. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +16 -3
  58. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +16 -3
  59. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +16 -3
  60. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +16 -3
  61. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +16 -3
  62. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +16 -3
  63. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +16 -3
  64. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +16 -3
  65. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +16 -3
  66. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +16 -3
  67. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +16 -3
  68. package/SCSS-Themes/fabric-dark.scss +190 -32
  69. package/SCSS-Themes/fabric.scss +190 -32
  70. package/SCSS-Themes/fluent-dark.scss +190 -32
  71. package/SCSS-Themes/fluent.scss +190 -32
  72. package/SCSS-Themes/fluent2-dark.scss +192 -34
  73. package/SCSS-Themes/fluent2.scss +192 -34
  74. package/SCSS-Themes/highcontrast.scss +190 -32
  75. package/SCSS-Themes/material-dark.scss +190 -32
  76. package/SCSS-Themes/material.scss +190 -32
  77. package/SCSS-Themes/material3-dark.scss +192 -34
  78. package/SCSS-Themes/material3.scss +192 -34
  79. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +94 -19
  80. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +94 -19
  81. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +94 -19
  82. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +94 -19
  83. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +94 -19
  84. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +94 -19
  85. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +94 -19
  86. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +94 -19
  87. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +94 -19
  88. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +94 -19
  89. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +94 -19
  90. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +94 -19
  91. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +94 -19
  92. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +94 -19
  93. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +94 -19
  94. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +94 -19
  95. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +94 -19
  96. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +94 -19
  97. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +94 -19
  98. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +94 -19
  99. package/SCSS-Themes/pivotview/pivotview/bds-dark.scss +10 -0
  100. package/SCSS-Themes/pivotview/pivotview/bds.scss +10 -0
  101. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +10 -0
  102. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +10 -0
  103. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +10 -0
  104. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +10 -0
  105. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +10 -0
  106. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +10 -0
  107. package/SCSS-Themes/pivotview/pivotview/fabric.scss +10 -0
  108. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +10 -0
  109. package/SCSS-Themes/pivotview/pivotview/fluent.scss +10 -0
  110. package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss +10 -0
  111. package/SCSS-Themes/pivotview/pivotview/fluent2.scss +10 -0
  112. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +10 -0
  113. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +10 -0
  114. package/SCSS-Themes/pivotview/pivotview/material.scss +10 -0
  115. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +10 -0
  116. package/SCSS-Themes/pivotview/pivotview/material3.scss +10 -0
  117. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +10 -0
  118. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +10 -0
  119. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +32 -4
  120. package/SCSS-Themes/ribbon/ribbon/bds.scss +32 -4
  121. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +34 -6
  122. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +34 -6
  123. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +34 -6
  124. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +34 -6
  125. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +34 -6
  126. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +34 -6
  127. package/SCSS-Themes/ribbon/ribbon/fabric.scss +34 -6
  128. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +34 -6
  129. package/SCSS-Themes/ribbon/ribbon/fluent.scss +34 -6
  130. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +34 -6
  131. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +34 -6
  132. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +34 -6
  133. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +34 -6
  134. package/SCSS-Themes/ribbon/ribbon/material.scss +34 -6
  135. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +34 -6
  136. package/SCSS-Themes/ribbon/ribbon/material3.scss +34 -6
  137. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +34 -6
  138. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +34 -6
  139. package/SCSS-Themes/tailwind-dark.scss +190 -32
  140. package/SCSS-Themes/tailwind.scss +190 -32
  141. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +28 -3
  142. package/SCSS-Themes/treegrid/treegrid/bds.scss +28 -3
  143. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +28 -3
  144. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +28 -3
  145. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +28 -3
  146. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +28 -3
  147. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +28 -3
  148. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +28 -3
  149. package/SCSS-Themes/treegrid/treegrid/fabric.scss +28 -3
  150. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +28 -3
  151. package/SCSS-Themes/treegrid/treegrid/fluent.scss +28 -3
  152. package/SCSS-Themes/treegrid/treegrid/fluent2-dark.scss +28 -3
  153. package/SCSS-Themes/treegrid/treegrid/fluent2.scss +28 -3
  154. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +28 -3
  155. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +28 -3
  156. package/SCSS-Themes/treegrid/treegrid/material.scss +28 -3
  157. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +28 -3
  158. package/SCSS-Themes/treegrid/treegrid/material3.scss +28 -3
  159. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +28 -3
  160. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +28 -3
  161. package/package.json +1 -1
@@ -3786,6 +3786,18 @@ $lg-desktop: 1399.98;
3786
3786
  }
3787
3787
  }
3788
3788
 
3789
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3790
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3791
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3792
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3793
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3794
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3795
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3796
+ @if ($theme-name == 'fluent2'){
3797
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3798
+ }
3799
+ }
3800
+
3789
3801
  .e-pv-properties-line-leader-length-container {
3790
3802
  @if ($theme-name == 'fluent2') {
3791
3803
  margin-top: 10px;
@@ -4909,7 +4921,8 @@ $lg-desktop: 1399.98;
4909
4921
 
4910
4922
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4911
4923
  @if $theme-name=='fluent2' {
4912
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4924
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4925
+ margin-top: -8px;
4913
4926
  }
4914
4927
  }
4915
4928
 
@@ -4937,6 +4950,12 @@ $lg-desktop: 1399.98;
4937
4950
  }
4938
4951
  }
4939
4952
 
4953
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4954
+ @if ($skin-name == 'fluent2') {
4955
+ margin-top: -8px;
4956
+ }
4957
+ }
4958
+
4940
4959
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4941
4960
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4942
4961
  @if ($skin-name == 'fluent2') {
@@ -4944,6 +4963,13 @@ $lg-desktop: 1399.98;
4944
4963
  }
4945
4964
  }
4946
4965
 
4966
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4967
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4968
+ @if ($skin-name == 'fluent2') {
4969
+ margin-top: -8px;
4970
+ }
4971
+ }
4972
+
4947
4973
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4948
4974
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4949
4975
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5071,6 +5097,13 @@ $lg-desktop: 1399.98;
5071
5097
  }
5072
5098
  }
5073
5099
 
5100
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5101
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5102
+ @if $theme-name == 'fluent2' {
5103
+ font-size: 14px;
5104
+ }
5105
+ }
5106
+
5074
5107
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5075
5108
  background-size: 100%;
5076
5109
  }
@@ -5107,6 +5140,14 @@ $lg-desktop: 1399.98;
5107
5140
  min-height: 32px;
5108
5141
  }
5109
5142
  }
5143
+
5144
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5145
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5146
+ @if ($theme-name == 'fluent2') {
5147
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5148
+ }
5149
+ }
5150
+
5110
5151
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5111
5152
  @if $skin-name != 'Material3' {
5112
5153
  height: 32px;
@@ -5492,6 +5533,15 @@ $lg-desktop: 1399.98;
5492
5533
  }
5493
5534
  }
5494
5535
 
5536
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5537
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5538
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5539
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5540
+ @if $theme-name == 'fluent2' {
5541
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5542
+ }
5543
+ }
5544
+
5495
5545
  .e-pv-properties-text-edit-prop {
5496
5546
  @if $skin-name == 'FluentUI' {
5497
5547
  padding-top: 35px;
@@ -5530,6 +5580,28 @@ $lg-desktop: 1399.98;
5530
5580
  .e-pv-center-align-icon-div,
5531
5581
  .e-pv-right-align-icon-div {
5532
5582
  padding: $pv-formfield-properties-icon-align-padding;
5583
+ @if ($theme-name == 'fluent2') {
5584
+ width: 32px;
5585
+ }
5586
+ }
5587
+
5588
+ .e-bigger .e-pv-bold-icon-div,
5589
+ .e-bigger .e-pv-italic-icon-div,
5590
+ .e-bigger .e-pv-strikeout-icon-div,
5591
+ .e-bigger .e-pv-underlinetext-icon-div, {
5592
+ padding: 4px 10px;
5593
+ @if ($theme-name == 'fluent2') {
5594
+ width: 40px;
5595
+ }
5596
+ }
5597
+
5598
+ .e-bigger .e-pv-left-align-icon-div,
5599
+ .e-bigger .e-pv-center-align-icon-div,
5600
+ .e-bigger .e-pv-right-align-icon-div {
5601
+ padding: 4px 10px;
5602
+ @if ($theme-name == 'fluent2') {
5603
+ width: 38.5px;
5604
+ }
5533
5605
  }
5534
5606
 
5535
5607
  .e-pv-bold-icon-div:hover,
@@ -5540,7 +5612,9 @@ $lg-desktop: 1399.98;
5540
5612
  .e-pv-center-align-icon-div:hover,
5541
5613
  .e-pv-right-align-icon-div:hover {
5542
5614
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5543
- background-color: $pv-annotation-dropdown-background-color-hover;
5615
+ @if ($theme-name != 'fluent2') {
5616
+ background-color: $pv-annotation-dropdown-background-color-hover;
5617
+ }
5544
5618
  border-color: $pv-annotation-dropdown-border-color-hover;
5545
5619
  }
5546
5620
  @if ($skin-name == 'bootstrap5') {
@@ -5671,6 +5745,9 @@ $lg-desktop: 1399.98;
5671
5745
  @if ($skin-name == 'Material3') {
5672
5746
  padding: 20px 15px 6px 0;
5673
5747
  }
5748
+ @if ($theme-name == 'fluent2') {
5749
+ padding: 15px;
5750
+ }
5674
5751
  @else {
5675
5752
  padding: 15px 15px 15px 1px;
5676
5753
  }
@@ -5858,6 +5935,7 @@ $lg-desktop: 1399.98;
5858
5935
  }
5859
5936
  @if ($theme-name == 'fluent2') {
5860
5937
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5938
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5861
5939
  }
5862
5940
  }
5863
5941
 
@@ -5865,12 +5943,13 @@ $lg-desktop: 1399.98;
5865
5943
  @if ($theme-name == 'fluent2') {
5866
5944
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5867
5945
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5946
+ border-bottom: 1px solid var(--color-sf-border-light);
5868
5947
  }
5869
5948
  }
5870
5949
 
5871
5950
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5872
5951
  @if ($theme-name == 'fluent2') {
5873
- margin-left: 34px;
5952
+ margin-left: 18px;
5874
5953
  }
5875
5954
  }
5876
5955
 
@@ -6113,7 +6192,9 @@ $lg-desktop: 1399.98;
6113
6192
  height: 36px;
6114
6193
  width: 154px;
6115
6194
  }
6116
- justify-content: space-evenly;
6195
+ @if ($theme-name != 'fluent2') {
6196
+ justify-content: space-evenly;
6197
+ }
6117
6198
  @if ($skin-name == 'bootstrap5') {
6118
6199
  align-items: center;
6119
6200
  border: 1px solid $border-light;
@@ -6161,7 +6242,9 @@ $lg-desktop: 1399.98;
6161
6242
  height: 36px;
6162
6243
  width: 120px;
6163
6244
  }
6164
- justify-content: space-evenly;
6245
+ @if ($theme-name != 'fluent2') {
6246
+ justify-content: space-evenly;
6247
+ }
6165
6248
  margin-right: 15px;
6166
6249
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6167
6250
  align-items: center;
@@ -6190,7 +6273,9 @@ $lg-desktop: 1399.98;
6190
6273
  }
6191
6274
  display: flex;
6192
6275
  height: 36px;
6193
- justify-content: space-evenly;
6276
+ @if ($theme-name != 'fluent2') {
6277
+ justify-content: space-evenly;
6278
+ }
6194
6279
  width: 154px;
6195
6280
  @if ($skin-name == 'bootstrap5') {
6196
6281
  align-items: center;
@@ -6224,7 +6309,9 @@ $lg-desktop: 1399.98;
6224
6309
  }
6225
6310
  display: flex;
6226
6311
  height: 36px;
6227
- justify-content: space-evenly;
6312
+ @if ($theme-name != 'fluent2') {
6313
+ justify-content: space-evenly;
6314
+ }
6228
6315
  margin-right: 15px;
6229
6316
  width: 120px;
6230
6317
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6369,12 +6456,6 @@ $lg-desktop: 1399.98;
6369
6456
  }
6370
6457
  }
6371
6458
 
6372
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6373
- @if ($theme-name=='fluent2') {
6374
- margin-left: 6.4%;
6375
- }
6376
- }
6377
-
6378
6459
  .e-pv-signature-apperance .e-checkbox-wrapper{
6379
6460
  @if ($theme-name == 'fluent2') {
6380
6461
  margin-left: $pv-toolbar-btn-height;
@@ -6528,12 +6609,6 @@ $lg-desktop: 1399.98;
6528
6609
  }
6529
6610
  }
6530
6611
 
6531
- .e-bigger .e-pv-canvas-signature {
6532
- @if $theme-name =='fluent2' {
6533
- margin-left: 5.65%;
6534
- }
6535
- }
6536
-
6537
6612
  .e-pv-sign-upload{
6538
6613
  @if $theme-name =='fluent2' {
6539
6614
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */
@@ -3786,6 +3786,18 @@ $lg-desktop: 1399.98;
3786
3786
  }
3787
3787
  }
3788
3788
 
3789
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3790
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3791
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3792
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3793
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3794
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3795
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3796
+ @if ($theme-name == 'fluent2'){
3797
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3798
+ }
3799
+ }
3800
+
3789
3801
  .e-pv-properties-line-leader-length-container {
3790
3802
  @if ($theme-name == 'fluent2') {
3791
3803
  margin-top: 10px;
@@ -4909,7 +4921,8 @@ $lg-desktop: 1399.98;
4909
4921
 
4910
4922
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4911
4923
  @if $theme-name=='fluent2' {
4912
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4924
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4925
+ margin-top: -8px;
4913
4926
  }
4914
4927
  }
4915
4928
 
@@ -4937,6 +4950,12 @@ $lg-desktop: 1399.98;
4937
4950
  }
4938
4951
  }
4939
4952
 
4953
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4954
+ @if ($skin-name == 'fluent2') {
4955
+ margin-top: -8px;
4956
+ }
4957
+ }
4958
+
4940
4959
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4941
4960
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4942
4961
  @if ($skin-name == 'fluent2') {
@@ -4944,6 +4963,13 @@ $lg-desktop: 1399.98;
4944
4963
  }
4945
4964
  }
4946
4965
 
4966
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4967
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4968
+ @if ($skin-name == 'fluent2') {
4969
+ margin-top: -8px;
4970
+ }
4971
+ }
4972
+
4947
4973
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4948
4974
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4949
4975
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5071,6 +5097,13 @@ $lg-desktop: 1399.98;
5071
5097
  }
5072
5098
  }
5073
5099
 
5100
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5101
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5102
+ @if $theme-name == 'fluent2' {
5103
+ font-size: 14px;
5104
+ }
5105
+ }
5106
+
5074
5107
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5075
5108
  background-size: 100%;
5076
5109
  }
@@ -5107,6 +5140,14 @@ $lg-desktop: 1399.98;
5107
5140
  min-height: 32px;
5108
5141
  }
5109
5142
  }
5143
+
5144
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5145
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5146
+ @if ($theme-name == 'fluent2') {
5147
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5148
+ }
5149
+ }
5150
+
5110
5151
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5111
5152
  @if $skin-name != 'Material3' {
5112
5153
  height: 32px;
@@ -5492,6 +5533,15 @@ $lg-desktop: 1399.98;
5492
5533
  }
5493
5534
  }
5494
5535
 
5536
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5537
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5538
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5539
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5540
+ @if $theme-name == 'fluent2' {
5541
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5542
+ }
5543
+ }
5544
+
5495
5545
  .e-pv-properties-text-edit-prop {
5496
5546
  @if $skin-name == 'FluentUI' {
5497
5547
  padding-top: 35px;
@@ -5530,6 +5580,28 @@ $lg-desktop: 1399.98;
5530
5580
  .e-pv-center-align-icon-div,
5531
5581
  .e-pv-right-align-icon-div {
5532
5582
  padding: $pv-formfield-properties-icon-align-padding;
5583
+ @if ($theme-name == 'fluent2') {
5584
+ width: 32px;
5585
+ }
5586
+ }
5587
+
5588
+ .e-bigger .e-pv-bold-icon-div,
5589
+ .e-bigger .e-pv-italic-icon-div,
5590
+ .e-bigger .e-pv-strikeout-icon-div,
5591
+ .e-bigger .e-pv-underlinetext-icon-div, {
5592
+ padding: 4px 10px;
5593
+ @if ($theme-name == 'fluent2') {
5594
+ width: 40px;
5595
+ }
5596
+ }
5597
+
5598
+ .e-bigger .e-pv-left-align-icon-div,
5599
+ .e-bigger .e-pv-center-align-icon-div,
5600
+ .e-bigger .e-pv-right-align-icon-div {
5601
+ padding: 4px 10px;
5602
+ @if ($theme-name == 'fluent2') {
5603
+ width: 38.5px;
5604
+ }
5533
5605
  }
5534
5606
 
5535
5607
  .e-pv-bold-icon-div:hover,
@@ -5540,7 +5612,9 @@ $lg-desktop: 1399.98;
5540
5612
  .e-pv-center-align-icon-div:hover,
5541
5613
  .e-pv-right-align-icon-div:hover {
5542
5614
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5543
- background-color: $pv-annotation-dropdown-background-color-hover;
5615
+ @if ($theme-name != 'fluent2') {
5616
+ background-color: $pv-annotation-dropdown-background-color-hover;
5617
+ }
5544
5618
  border-color: $pv-annotation-dropdown-border-color-hover;
5545
5619
  }
5546
5620
  @if ($skin-name == 'bootstrap5') {
@@ -5671,6 +5745,9 @@ $lg-desktop: 1399.98;
5671
5745
  @if ($skin-name == 'Material3') {
5672
5746
  padding: 20px 15px 6px 0;
5673
5747
  }
5748
+ @if ($theme-name == 'fluent2') {
5749
+ padding: 15px;
5750
+ }
5674
5751
  @else {
5675
5752
  padding: 15px 15px 15px 1px;
5676
5753
  }
@@ -5858,6 +5935,7 @@ $lg-desktop: 1399.98;
5858
5935
  }
5859
5936
  @if ($theme-name == 'fluent2') {
5860
5937
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5938
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5861
5939
  }
5862
5940
  }
5863
5941
 
@@ -5865,12 +5943,13 @@ $lg-desktop: 1399.98;
5865
5943
  @if ($theme-name == 'fluent2') {
5866
5944
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5867
5945
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5946
+ border-bottom: 1px solid var(--color-sf-border-light);
5868
5947
  }
5869
5948
  }
5870
5949
 
5871
5950
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5872
5951
  @if ($theme-name == 'fluent2') {
5873
- margin-left: 34px;
5952
+ margin-left: 18px;
5874
5953
  }
5875
5954
  }
5876
5955
 
@@ -6113,7 +6192,9 @@ $lg-desktop: 1399.98;
6113
6192
  height: 36px;
6114
6193
  width: 154px;
6115
6194
  }
6116
- justify-content: space-evenly;
6195
+ @if ($theme-name != 'fluent2') {
6196
+ justify-content: space-evenly;
6197
+ }
6117
6198
  @if ($skin-name == 'bootstrap5') {
6118
6199
  align-items: center;
6119
6200
  border: 1px solid $border-light;
@@ -6161,7 +6242,9 @@ $lg-desktop: 1399.98;
6161
6242
  height: 36px;
6162
6243
  width: 120px;
6163
6244
  }
6164
- justify-content: space-evenly;
6245
+ @if ($theme-name != 'fluent2') {
6246
+ justify-content: space-evenly;
6247
+ }
6165
6248
  margin-right: 15px;
6166
6249
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6167
6250
  align-items: center;
@@ -6190,7 +6273,9 @@ $lg-desktop: 1399.98;
6190
6273
  }
6191
6274
  display: flex;
6192
6275
  height: 36px;
6193
- justify-content: space-evenly;
6276
+ @if ($theme-name != 'fluent2') {
6277
+ justify-content: space-evenly;
6278
+ }
6194
6279
  width: 154px;
6195
6280
  @if ($skin-name == 'bootstrap5') {
6196
6281
  align-items: center;
@@ -6224,7 +6309,9 @@ $lg-desktop: 1399.98;
6224
6309
  }
6225
6310
  display: flex;
6226
6311
  height: 36px;
6227
- justify-content: space-evenly;
6312
+ @if ($theme-name != 'fluent2') {
6313
+ justify-content: space-evenly;
6314
+ }
6228
6315
  margin-right: 15px;
6229
6316
  width: 120px;
6230
6317
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6369,12 +6456,6 @@ $lg-desktop: 1399.98;
6369
6456
  }
6370
6457
  }
6371
6458
 
6372
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6373
- @if ($theme-name=='fluent2') {
6374
- margin-left: 6.4%;
6375
- }
6376
- }
6377
-
6378
6459
  .e-pv-signature-apperance .e-checkbox-wrapper{
6379
6460
  @if ($theme-name == 'fluent2') {
6380
6461
  margin-left: $pv-toolbar-btn-height;
@@ -6528,12 +6609,6 @@ $lg-desktop: 1399.98;
6528
6609
  }
6529
6610
  }
6530
6611
 
6531
- .e-bigger .e-pv-canvas-signature {
6532
- @if $theme-name =='fluent2' {
6533
- margin-left: 5.65%;
6534
- }
6535
- }
6536
-
6537
6612
  .e-pv-sign-upload{
6538
6613
  @if $theme-name =='fluent2' {
6539
6614
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */