@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
@@ -3789,6 +3789,18 @@ $lg-desktop: 1399.98;
3789
3789
  }
3790
3790
  }
3791
3791
 
3792
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3793
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3794
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3795
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3796
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3797
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3798
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3799
+ @if ($theme-name == 'fluent2'){
3800
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3801
+ }
3802
+ }
3803
+
3792
3804
  .e-pv-properties-line-leader-length-container {
3793
3805
  @if ($theme-name == 'fluent2') {
3794
3806
  margin-top: 10px;
@@ -4912,7 +4924,8 @@ $lg-desktop: 1399.98;
4912
4924
 
4913
4925
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4914
4926
  @if $theme-name=='fluent2' {
4915
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4927
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4928
+ margin-top: -8px;
4916
4929
  }
4917
4930
  }
4918
4931
 
@@ -4940,6 +4953,12 @@ $lg-desktop: 1399.98;
4940
4953
  }
4941
4954
  }
4942
4955
 
4956
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4957
+ @if ($skin-name == 'fluent2') {
4958
+ margin-top: -8px;
4959
+ }
4960
+ }
4961
+
4943
4962
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4944
4963
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4945
4964
  @if ($skin-name == 'fluent2') {
@@ -4947,6 +4966,13 @@ $lg-desktop: 1399.98;
4947
4966
  }
4948
4967
  }
4949
4968
 
4969
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4970
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4971
+ @if ($skin-name == 'fluent2') {
4972
+ margin-top: -8px;
4973
+ }
4974
+ }
4975
+
4950
4976
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4951
4977
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4952
4978
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5074,6 +5100,13 @@ $lg-desktop: 1399.98;
5074
5100
  }
5075
5101
  }
5076
5102
 
5103
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5104
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5105
+ @if $theme-name == 'fluent2' {
5106
+ font-size: 14px;
5107
+ }
5108
+ }
5109
+
5077
5110
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5078
5111
  background-size: 100%;
5079
5112
  }
@@ -5110,6 +5143,14 @@ $lg-desktop: 1399.98;
5110
5143
  min-height: 32px;
5111
5144
  }
5112
5145
  }
5146
+
5147
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5148
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5149
+ @if ($theme-name == 'fluent2') {
5150
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5151
+ }
5152
+ }
5153
+
5113
5154
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5114
5155
  @if $skin-name != 'Material3' {
5115
5156
  height: 32px;
@@ -5495,6 +5536,15 @@ $lg-desktop: 1399.98;
5495
5536
  }
5496
5537
  }
5497
5538
 
5539
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5540
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5541
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5542
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5543
+ @if $theme-name == 'fluent2' {
5544
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5545
+ }
5546
+ }
5547
+
5498
5548
  .e-pv-properties-text-edit-prop {
5499
5549
  @if $skin-name == 'FluentUI' {
5500
5550
  padding-top: 35px;
@@ -5533,6 +5583,28 @@ $lg-desktop: 1399.98;
5533
5583
  .e-pv-center-align-icon-div,
5534
5584
  .e-pv-right-align-icon-div {
5535
5585
  padding: $pv-formfield-properties-icon-align-padding;
5586
+ @if ($theme-name == 'fluent2') {
5587
+ width: 32px;
5588
+ }
5589
+ }
5590
+
5591
+ .e-bigger .e-pv-bold-icon-div,
5592
+ .e-bigger .e-pv-italic-icon-div,
5593
+ .e-bigger .e-pv-strikeout-icon-div,
5594
+ .e-bigger .e-pv-underlinetext-icon-div, {
5595
+ padding: 4px 10px;
5596
+ @if ($theme-name == 'fluent2') {
5597
+ width: 40px;
5598
+ }
5599
+ }
5600
+
5601
+ .e-bigger .e-pv-left-align-icon-div,
5602
+ .e-bigger .e-pv-center-align-icon-div,
5603
+ .e-bigger .e-pv-right-align-icon-div {
5604
+ padding: 4px 10px;
5605
+ @if ($theme-name == 'fluent2') {
5606
+ width: 38.5px;
5607
+ }
5536
5608
  }
5537
5609
 
5538
5610
  .e-pv-bold-icon-div:hover,
@@ -5543,7 +5615,9 @@ $lg-desktop: 1399.98;
5543
5615
  .e-pv-center-align-icon-div:hover,
5544
5616
  .e-pv-right-align-icon-div:hover {
5545
5617
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5546
- background-color: $pv-annotation-dropdown-background-color-hover;
5618
+ @if ($theme-name != 'fluent2') {
5619
+ background-color: $pv-annotation-dropdown-background-color-hover;
5620
+ }
5547
5621
  border-color: $pv-annotation-dropdown-border-color-hover;
5548
5622
  }
5549
5623
  @if ($skin-name == 'bootstrap5') {
@@ -5674,6 +5748,9 @@ $lg-desktop: 1399.98;
5674
5748
  @if ($skin-name == 'Material3') {
5675
5749
  padding: 20px 15px 6px 0;
5676
5750
  }
5751
+ @if ($theme-name == 'fluent2') {
5752
+ padding: 15px;
5753
+ }
5677
5754
  @else {
5678
5755
  padding: 15px 15px 15px 1px;
5679
5756
  }
@@ -5861,6 +5938,7 @@ $lg-desktop: 1399.98;
5861
5938
  }
5862
5939
  @if ($theme-name == 'fluent2') {
5863
5940
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5941
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5864
5942
  }
5865
5943
  }
5866
5944
 
@@ -5868,12 +5946,13 @@ $lg-desktop: 1399.98;
5868
5946
  @if ($theme-name == 'fluent2') {
5869
5947
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5870
5948
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5949
+ border-bottom: 1px solid var(--color-sf-border-light);
5871
5950
  }
5872
5951
  }
5873
5952
 
5874
5953
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5875
5954
  @if ($theme-name == 'fluent2') {
5876
- margin-left: 34px;
5955
+ margin-left: 18px;
5877
5956
  }
5878
5957
  }
5879
5958
 
@@ -6116,7 +6195,9 @@ $lg-desktop: 1399.98;
6116
6195
  height: 36px;
6117
6196
  width: 154px;
6118
6197
  }
6119
- justify-content: space-evenly;
6198
+ @if ($theme-name != 'fluent2') {
6199
+ justify-content: space-evenly;
6200
+ }
6120
6201
  @if ($skin-name == 'bootstrap5') {
6121
6202
  align-items: center;
6122
6203
  border: 1px solid $border-light;
@@ -6164,7 +6245,9 @@ $lg-desktop: 1399.98;
6164
6245
  height: 36px;
6165
6246
  width: 120px;
6166
6247
  }
6167
- justify-content: space-evenly;
6248
+ @if ($theme-name != 'fluent2') {
6249
+ justify-content: space-evenly;
6250
+ }
6168
6251
  margin-right: 15px;
6169
6252
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6170
6253
  align-items: center;
@@ -6193,7 +6276,9 @@ $lg-desktop: 1399.98;
6193
6276
  }
6194
6277
  display: flex;
6195
6278
  height: 36px;
6196
- justify-content: space-evenly;
6279
+ @if ($theme-name != 'fluent2') {
6280
+ justify-content: space-evenly;
6281
+ }
6197
6282
  width: 154px;
6198
6283
  @if ($skin-name == 'bootstrap5') {
6199
6284
  align-items: center;
@@ -6227,7 +6312,9 @@ $lg-desktop: 1399.98;
6227
6312
  }
6228
6313
  display: flex;
6229
6314
  height: 36px;
6230
- justify-content: space-evenly;
6315
+ @if ($theme-name != 'fluent2') {
6316
+ justify-content: space-evenly;
6317
+ }
6231
6318
  margin-right: 15px;
6232
6319
  width: 120px;
6233
6320
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6372,12 +6459,6 @@ $lg-desktop: 1399.98;
6372
6459
  }
6373
6460
  }
6374
6461
 
6375
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6376
- @if ($theme-name=='fluent2') {
6377
- margin-left: 6.4%;
6378
- }
6379
- }
6380
-
6381
6462
  .e-pv-signature-apperance .e-checkbox-wrapper{
6382
6463
  @if ($theme-name == 'fluent2') {
6383
6464
  margin-left: $pv-toolbar-btn-height;
@@ -6531,12 +6612,6 @@ $lg-desktop: 1399.98;
6531
6612
  }
6532
6613
  }
6533
6614
 
6534
- .e-bigger .e-pv-canvas-signature {
6535
- @if $theme-name =='fluent2' {
6536
- margin-left: 5.65%;
6537
- }
6538
- }
6539
-
6540
6615
  .e-pv-sign-upload{
6541
6616
  @if $theme-name =='fluent2' {
6542
6617
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */
@@ -3789,6 +3789,18 @@ $lg-desktop: 1399.98;
3789
3789
  }
3790
3790
  }
3791
3791
 
3792
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3793
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3794
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3795
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3796
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3797
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3798
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3799
+ @if ($theme-name == 'fluent2'){
3800
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3801
+ }
3802
+ }
3803
+
3792
3804
  .e-pv-properties-line-leader-length-container {
3793
3805
  @if ($theme-name == 'fluent2') {
3794
3806
  margin-top: 10px;
@@ -4912,7 +4924,8 @@ $lg-desktop: 1399.98;
4912
4924
 
4913
4925
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4914
4926
  @if $theme-name=='fluent2' {
4915
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4927
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4928
+ margin-top: -8px;
4916
4929
  }
4917
4930
  }
4918
4931
 
@@ -4940,6 +4953,12 @@ $lg-desktop: 1399.98;
4940
4953
  }
4941
4954
  }
4942
4955
 
4956
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4957
+ @if ($skin-name == 'fluent2') {
4958
+ margin-top: -8px;
4959
+ }
4960
+ }
4961
+
4943
4962
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4944
4963
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4945
4964
  @if ($skin-name == 'fluent2') {
@@ -4947,6 +4966,13 @@ $lg-desktop: 1399.98;
4947
4966
  }
4948
4967
  }
4949
4968
 
4969
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4970
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4971
+ @if ($skin-name == 'fluent2') {
4972
+ margin-top: -8px;
4973
+ }
4974
+ }
4975
+
4950
4976
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4951
4977
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4952
4978
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5074,6 +5100,13 @@ $lg-desktop: 1399.98;
5074
5100
  }
5075
5101
  }
5076
5102
 
5103
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5104
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5105
+ @if $theme-name == 'fluent2' {
5106
+ font-size: 14px;
5107
+ }
5108
+ }
5109
+
5077
5110
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5078
5111
  background-size: 100%;
5079
5112
  }
@@ -5110,6 +5143,14 @@ $lg-desktop: 1399.98;
5110
5143
  min-height: 32px;
5111
5144
  }
5112
5145
  }
5146
+
5147
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5148
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5149
+ @if ($theme-name == 'fluent2') {
5150
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5151
+ }
5152
+ }
5153
+
5113
5154
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5114
5155
  @if $skin-name != 'Material3' {
5115
5156
  height: 32px;
@@ -5495,6 +5536,15 @@ $lg-desktop: 1399.98;
5495
5536
  }
5496
5537
  }
5497
5538
 
5539
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5540
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5541
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5542
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5543
+ @if $theme-name == 'fluent2' {
5544
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5545
+ }
5546
+ }
5547
+
5498
5548
  .e-pv-properties-text-edit-prop {
5499
5549
  @if $skin-name == 'FluentUI' {
5500
5550
  padding-top: 35px;
@@ -5533,6 +5583,28 @@ $lg-desktop: 1399.98;
5533
5583
  .e-pv-center-align-icon-div,
5534
5584
  .e-pv-right-align-icon-div {
5535
5585
  padding: $pv-formfield-properties-icon-align-padding;
5586
+ @if ($theme-name == 'fluent2') {
5587
+ width: 32px;
5588
+ }
5589
+ }
5590
+
5591
+ .e-bigger .e-pv-bold-icon-div,
5592
+ .e-bigger .e-pv-italic-icon-div,
5593
+ .e-bigger .e-pv-strikeout-icon-div,
5594
+ .e-bigger .e-pv-underlinetext-icon-div, {
5595
+ padding: 4px 10px;
5596
+ @if ($theme-name == 'fluent2') {
5597
+ width: 40px;
5598
+ }
5599
+ }
5600
+
5601
+ .e-bigger .e-pv-left-align-icon-div,
5602
+ .e-bigger .e-pv-center-align-icon-div,
5603
+ .e-bigger .e-pv-right-align-icon-div {
5604
+ padding: 4px 10px;
5605
+ @if ($theme-name == 'fluent2') {
5606
+ width: 38.5px;
5607
+ }
5536
5608
  }
5537
5609
 
5538
5610
  .e-pv-bold-icon-div:hover,
@@ -5543,7 +5615,9 @@ $lg-desktop: 1399.98;
5543
5615
  .e-pv-center-align-icon-div:hover,
5544
5616
  .e-pv-right-align-icon-div:hover {
5545
5617
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5546
- background-color: $pv-annotation-dropdown-background-color-hover;
5618
+ @if ($theme-name != 'fluent2') {
5619
+ background-color: $pv-annotation-dropdown-background-color-hover;
5620
+ }
5547
5621
  border-color: $pv-annotation-dropdown-border-color-hover;
5548
5622
  }
5549
5623
  @if ($skin-name == 'bootstrap5') {
@@ -5674,6 +5748,9 @@ $lg-desktop: 1399.98;
5674
5748
  @if ($skin-name == 'Material3') {
5675
5749
  padding: 20px 15px 6px 0;
5676
5750
  }
5751
+ @if ($theme-name == 'fluent2') {
5752
+ padding: 15px;
5753
+ }
5677
5754
  @else {
5678
5755
  padding: 15px 15px 15px 1px;
5679
5756
  }
@@ -5861,6 +5938,7 @@ $lg-desktop: 1399.98;
5861
5938
  }
5862
5939
  @if ($theme-name == 'fluent2') {
5863
5940
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5941
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5864
5942
  }
5865
5943
  }
5866
5944
 
@@ -5868,12 +5946,13 @@ $lg-desktop: 1399.98;
5868
5946
  @if ($theme-name == 'fluent2') {
5869
5947
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5870
5948
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5949
+ border-bottom: 1px solid var(--color-sf-border-light);
5871
5950
  }
5872
5951
  }
5873
5952
 
5874
5953
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5875
5954
  @if ($theme-name == 'fluent2') {
5876
- margin-left: 34px;
5955
+ margin-left: 18px;
5877
5956
  }
5878
5957
  }
5879
5958
 
@@ -6116,7 +6195,9 @@ $lg-desktop: 1399.98;
6116
6195
  height: 36px;
6117
6196
  width: 154px;
6118
6197
  }
6119
- justify-content: space-evenly;
6198
+ @if ($theme-name != 'fluent2') {
6199
+ justify-content: space-evenly;
6200
+ }
6120
6201
  @if ($skin-name == 'bootstrap5') {
6121
6202
  align-items: center;
6122
6203
  border: 1px solid $border-light;
@@ -6164,7 +6245,9 @@ $lg-desktop: 1399.98;
6164
6245
  height: 36px;
6165
6246
  width: 120px;
6166
6247
  }
6167
- justify-content: space-evenly;
6248
+ @if ($theme-name != 'fluent2') {
6249
+ justify-content: space-evenly;
6250
+ }
6168
6251
  margin-right: 15px;
6169
6252
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6170
6253
  align-items: center;
@@ -6193,7 +6276,9 @@ $lg-desktop: 1399.98;
6193
6276
  }
6194
6277
  display: flex;
6195
6278
  height: 36px;
6196
- justify-content: space-evenly;
6279
+ @if ($theme-name != 'fluent2') {
6280
+ justify-content: space-evenly;
6281
+ }
6197
6282
  width: 154px;
6198
6283
  @if ($skin-name == 'bootstrap5') {
6199
6284
  align-items: center;
@@ -6227,7 +6312,9 @@ $lg-desktop: 1399.98;
6227
6312
  }
6228
6313
  display: flex;
6229
6314
  height: 36px;
6230
- justify-content: space-evenly;
6315
+ @if ($theme-name != 'fluent2') {
6316
+ justify-content: space-evenly;
6317
+ }
6231
6318
  margin-right: 15px;
6232
6319
  width: 120px;
6233
6320
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6372,12 +6459,6 @@ $lg-desktop: 1399.98;
6372
6459
  }
6373
6460
  }
6374
6461
 
6375
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6376
- @if ($theme-name=='fluent2') {
6377
- margin-left: 6.4%;
6378
- }
6379
- }
6380
-
6381
6462
  .e-pv-signature-apperance .e-checkbox-wrapper{
6382
6463
  @if ($theme-name == 'fluent2') {
6383
6464
  margin-left: $pv-toolbar-btn-height;
@@ -6531,12 +6612,6 @@ $lg-desktop: 1399.98;
6531
6612
  }
6532
6613
  }
6533
6614
 
6534
- .e-bigger .e-pv-canvas-signature {
6535
- @if $theme-name =='fluent2' {
6536
- margin-left: 5.65%;
6537
- }
6538
- }
6539
-
6540
6615
  .e-pv-sign-upload{
6541
6616
  @if $theme-name =='fluent2' {
6542
6617
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */