@syncfusion/ej2-fabric-theme 34.2.9 → 35.1.37

package/styles/kanban/_layout.scss

@@ -635,7 +635,6 @@
             padding-left: $kanban-header-text-padding-left;
             padding-right: $kanban-header-text-padding-right-rtl;
             text-align: right;
-            text-transform: uppercase;
           }
 
           .e-limits .e-max-count {
@@ -832,6 +831,7 @@
 
       .e-label {
         padding-right: $kanban-dialog-form-table-padding-right;
+        padding-left: $rte-kanban-form-table-padding-left;
         vertical-align: top;
         width: 70px;
       }

package/styles/kanban/kanban-lite.css

@@ -570,7 +570,6 @@
   padding-left: 5px;
   padding-right: initial;
   text-align: right;
-  text-transform: uppercase;
 }
 .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
   text-align: left;
@@ -719,6 +718,7 @@
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
+  padding-left: 10px;
   vertical-align: top;
   width: 70px;
 }

package/styles/kanban/kanban.css

@@ -570,7 +570,6 @@
   padding-left: 5px;
   padding-right: initial;
   text-align: right;
-  text-transform: uppercase;
 }
 .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
   text-align: left;
@@ -719,6 +718,7 @@
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
+  padding-left: 10px;
   vertical-align: top;
   width: 70px;
 }

package/styles/multi-select/_layout.scss

@@ -35,6 +35,15 @@
         padding: $ddl-multiselect-zero-padding-margin;
       }
     }
+
+    &.e-delim-summary {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      display: inline-block;
+      vertical-align: middle;
+      box-sizing: border-box;
+    }
   }
 
   .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {

package/styles/multi-select/multi-select-lite.css

@@ -65,6 +65,14 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-multi-select-wrapper .e-delim-view.e-delim-summary {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+}
 .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
   color: #fff;
   font-size: 10px;

package/styles/multi-select/multi-select.css

@@ -65,6 +65,14 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-multi-select-wrapper .e-delim-view.e-delim-summary {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+}
 .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
   color: #fff;
   font-size: 10px;

package/styles/pager/_layout.scss

@@ -51,6 +51,10 @@
       display: none;
     }
 
+    &:not(.e-rtl) {
+      text-align: left;
+    }
+
     div.e-parentmsgbar {
       float: right;
       @include padding-bottom-right-top-styles($pager-messagebar-padding-bottom, $pager-messagebar-padding-right, $pager-messagebar-padding-top);

package/styles/pager/pager-lite.css

@@ -57,6 +57,9 @@
 .e-pager .e-hide {
   display: none;
 }
+.e-pager:not(.e-rtl) {
+  text-align: left;
+}
 .e-pager div.e-parentmsgbar {
   float: right;
   padding-bottom: 9px;

package/styles/pager/pager.css

@@ -57,6 +57,9 @@
 .e-pager .e-hide {
   display: none;
 }
+.e-pager:not(.e-rtl) {
+  text-align: left;
+}
 .e-pager div.e-parentmsgbar {
   float: right;
   padding-bottom: 9px;

package/styles/pdfviewer/_bigger.scss

@@ -1528,4 +1528,166 @@
       }
     }
   }
+
+  .e-bigger .e-pv-custom-text-stamp-dialog.e-popup.e-popup-open {
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+      width: 460px;
+      min-height: 590px;
+    }
+  
+    @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark') {
+      width: 463px;
+      min-height: 574px;
+    }
+  
+    @else if ($skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI') {
+      width: $pv-width-525;
+      min-height: 654px;
+    }
+  
+    @else if ($skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+      width: 458px;
+      min-height: 592px;
+    }
+  
+    @else if ($skin-name =='highcontrast') {
+      width: 588px;
+      min-height: 641px;
+    }
+  
+    @else {
+      width: 528px;
+      min-height: $pv-height-576;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-preview-container {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      height: $pv-width-120;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      height: $pv-width-140;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      margin-top: $pv-spacing-16;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      height: 137px;
+      margin-top: $pv-spacing-20;
+    }
+    @else {
+      margin-top: $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-label {
+    @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+      font-size: $pv-text-xs;
+      margin-top: $pv-spacing-24;
+      letter-spacing: .1px;
+    }
+    @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      margin-top: $pv-spacing-12;
+      margin-bottom: $pv-spacing-7;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-24;
+      margin-top: $pv-spacing-16;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      margin-bottom: $pv-spacing-8;
+      margin-top: $pv-spacing-20;
+    }
+    @else {
+      margin-bottom: $pv-spacing-4;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-color-label {
+    @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-18;
+      letter-spacing: .24px;
+      margin-right: $pv-spacing-12;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name =='highcontrast') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-right: $pv-spacing-8;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-properties-title {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      margin-bottom: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-bottom: $pv-spacing-14;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-24;
+      margin-bottom: $pv-spacing-12;
+    }
+    @else {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-bottom: $pv-spacing-16;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-format-group .e-btn {
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+      width: $pv-width-40;
+      height: $pv-height-40;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      width: $pv-width-38;
+      height: $pv-height-38;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      width: $pv-width-40;
+      height: $pv-height-40;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      width: $pv-width-38;
+      height: $pv-height-38;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      width: $pv-width-48;
+      height: $pv-height-40;
+    }
+    @else {
+      width: $pv-width-50;
+      height: $pv-height-36;
+    }
+  }
 }

package/styles/pdfviewer/_fabric-definition.scss

@@ -605,6 +605,14 @@ $pv-red-color: rgb(255, 59, 48) !default;
 $pv-annotation-tool-item-focus-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), .5);
 $pv-blazor-annotation-thickness-popup-container-mobile-box-shadow: 0 3px 8px 0 #e9ecef;
 $pv-redaction-panel-text-color: #333 !default;
+$pv-text-comparison-header-background: #0f6cbd !default;
+$pv-text-comparison-header-panel-background: #f8f9fa !default;
+$pv-text-comparison-header-panel-border-color: #e0e0e0 !default;
+$pv-text-comparison-header-panel-color: #212529 !default;
+$pv-text-comparison-diff-old-text-background: #f8d7da !default;
+$pv-text-comparison-diff-new-text-background: #d1e7dd !default;
+$pv-text-comparison-header-left-border-color: #e0e0e0 !default;
+$pv-text-comparison-header-text-color: $neutral-white !default;
 
 // Typography Varaiables
 
@@ -757,6 +765,7 @@ $pv-height-inherit: inherit !default; /* inherit */
 $pv-height-auto: auto !default; /* auto */
 $pv-height-unset: unset !default; /* unset */
 $pv-height-normal: normal !default; /* normal */
+$pv-height-p50: 50% !default; /* 50% */
 $pv-height-p95: 95% !default; /* 95% */
 $pv-height-p96: 96% !default; /* 96% */
 $pv-height-p98: 98% !default; /* 98% */