@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

package/styles/form-renderer/form-renderer.css

@@ -1,5 +1,7 @@
 .form-renderer-container {
   padding: 2rem;
+  /* stylelint-disable-next-line property-no-unknown */
+  container-type: inline-size;
 }
 .form-renderer-container hr {
   border: none;
@@ -12,8 +14,6 @@
   -ms-flex-direction: column;
       flex-direction: column;
   gap: 1.5rem;
-  /* stylelint-disable-next-line property-no-unknown */
-  container-type: inline-size;
 }
 .form-renderer.twolayout {
   display: -ms-grid;
@@ -86,7 +86,7 @@
   }
 }
 /* stylelint-disable-next-line at-rule-no-unknown */
-@container (max-width: 480px) {
+@container (max-width: 430px) {
   .form-renderer.twolayout,
   .form-renderer.threelayout,
   .form-renderer.fourlayout {
@@ -101,29 +101,29 @@
       flex-direction: column;
   gap: 0.5rem;
 }
-.e-form-renderer .field-wrapper {
+.field-wrapper {
   display: -ms-flexbox;
   display: flex;
   width: 100%;
 }
-.e-form-renderer .field-wrapper.label-top {
+.field-wrapper.label-top {
   -ms-flex-direction: column;
       flex-direction: column;
   gap: 0.5rem;
 }
-.e-form-renderer .field-wrapper.label-bottom {
+.field-wrapper.label-bottom {
   -ms-flex-direction: column-reverse;
       flex-direction: column-reverse;
   gap: 0.5rem;
 }
-.e-form-renderer .field-wrapper.label-left {
+.field-wrapper.label-left {
   -ms-flex-direction: row;
       flex-direction: row;
   -ms-flex-align: center;
       align-items: center;
   gap: 1rem;
 }
-.e-form-renderer .field-wrapper.label-right {
+.field-wrapper.label-right {
   -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
   -ms-flex-align: center;
@@ -132,13 +132,13 @@
   -ms-flex-pack: end;
       justify-content: flex-end;
 }
-.e-form-renderer .field-wrapper.label-left .field-input,
-.e-form-renderer .field-wrapper.label-right .field-input {
+.field-wrapper.label-left .field-input,
+.field-wrapper.label-right .field-input {
   -ms-flex: 1;
       flex: 1;
   min-width: 0;
 }
-.e-form-renderer .field-wrapper:has(.e-small) .field-label {
+.field-wrapper:has(.e-small) .field-label {
   font-size: 0.75rem;
 }
 .e-form-renderer .form-group .field-description {
@@ -147,13 +147,13 @@
 .e-form-renderer .form-group:has(.e-small) .field-description {
   font-size: 0.625rem;
 }
-.e-form-renderer .field-wrapper:has(.e-bigger) .field-label {
+.field-wrapper:has(.e-bigger) .field-label {
   font-size: 1rem;
 }
 .e-form-renderer .form-group:has(.e-bigger) .field-description {
   font-size: 0.875rem;
 }
-.e-form-renderer .field-label {
+.field-label {
   font-size: 0.875rem;
   font-weight: 500;
   margin: 0;
@@ -165,24 +165,24 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-.e-form-renderer .field-label .required-asterisk {
+.field-label .required-asterisk {
   margin-left: 2px;
 }
-.e-form-renderer .field-label .tooltip-icon {
+.field-label .tooltip-icon {
   cursor: help;
   font-size: 0.875rem;
 }
-.e-form-renderer .field-input {
+.field-input {
   width: 100%;
 }
-.e-form-renderer .field-input .e-image-editor {
+.field-input .e-image-editor {
   min-height: 250px;
 }
-.e-form-renderer .field-input .e-switch-wrapper,
-.e-form-renderer .field-input .e-checkbox-wrapper {
+.field-input .e-switch-wrapper,
+.field-input .e-checkbox-wrapper {
   margin: 5px 0;
 }
-.e-form-renderer .field-error {
+.field-error {
   font-size: 0.75rem;
   margin-top: 0.25rem;
   display: block;
@@ -196,20 +196,20 @@
 .form-renderer-container .e-radio-group .e-radio + label {
   margin-left: 0.5rem;
 }
-.e-form-renderer .form-panel-renderer {
+.form-panel-renderer {
   border: none;
   border-radius: 8px;
   padding: 0;
 }
-.e-form-renderer .form-panel-renderer:has(.panel-legend) {
+.form-panel-renderer:has(.panel-legend) {
   padding: 1.5rem;
 }
-.e-form-renderer .form-panel-renderer legend {
+.form-panel-renderer legend {
   font-size: 1.5rem;
   font-weight: 600;
   padding-bottom: 1.5rem;
 }
-.e-form-renderer .form-panel-renderer .panel-legend {
+.form-panel-renderer .panel-legend {
   font-size: 1.5rem;
   font-weight: 600;
   padding: 0 0.5rem;
@@ -217,7 +217,7 @@
   border-bottom: none;
   width: unset;
 }
-.e-form-renderer .panel-content {
+.panel-content {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
@@ -225,19 +225,19 @@
   gap: 1rem;
   width: 100%;
 }
-.e-form-renderer .card-content {
+.card-content {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   gap: 1rem;
 }
-.e-form-renderer .form-table-renderer {
+.form-table-renderer {
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
 }
-.e-form-renderer .form-table-renderer {
+.form-table-renderer {
   display: table;
   width: 100%;
   border-collapse: separate;
@@ -245,83 +245,83 @@
   overflow-x: auto;
   overflow-y: hidden;
 }
-.e-form-renderer .form-table-renderer .e-form-table-row {
+.form-table-renderer .e-form-table-row {
   display: table-row;
   background: transparent;
 }
-.e-form-renderer .form-table-renderer .e-form-table-cell {
+.form-table-renderer .e-form-table-cell {
   display: table-cell;
   padding: 12px;
   vertical-align: top;
 }
-.e-form-renderer .e-form-table-cell:last-child {
+.e-form-table-cell:last-child {
   border-right: none;
 }
-.e-form-renderer .form-table-renderer .e-form-table-row:last-child .e-form-table-cell {
+.form-table-renderer .e-form-table-row:last-child .e-form-table-cell:last-child {
   border-bottom: none;
 }
-.e-form-renderer .e-form-table-cell > .form-table-renderer,
-.e-form-renderer .e-form-table-cell > .form-tabs-renderer,
-.e-form-renderer .e-form-table-cell > .form-card-renderer,
-.e-form-renderer .e-form-table-cell > .form-panel-renderer,
-.e-form-renderer .e-form-table-cell > .form-group {
+.e-form-table-cell > .form-table-renderer,
+.e-form-table-cell > .form-tabs-renderer,
+.e-form-table-cell > .form-card-renderer,
+.e-form-table-cell > .form-panel-renderer,
+.e-form-table-cell > .form-group {
   margin-bottom: 1.5rem;
 }
-.e-form-renderer .e-form-table-cell > .form-table-renderer:last-child,
-.e-form-renderer .e-form-table-cell > .form-tabs-renderer:last-child,
-.e-form-renderer .e-form-table-cell > .form-card-renderer:last-child,
-.e-form-renderer .e-form-table-cell > .form-panel-renderer:last-child,
-.e-form-renderer .e-form-table-cell > .form-group:last-child {
+.e-form-table-cell > .form-table-renderer:last-child,
+.e-form-table-cell > .form-tabs-renderer:last-child,
+.e-form-table-cell > .form-card-renderer:last-child,
+.e-form-table-cell > .form-panel-renderer:last-child,
+.e-form-table-cell > .form-group:last-child {
   margin-bottom: 0;
 }
-.e-form-renderer .form-table-renderer .col,
-.e-form-renderer .form-table-renderer [class^=col-] {
+.form-table-renderer .col,
+.form-table-renderer [class^=col-] {
   min-height: 100%;
   vertical-align: top;
 }
-.e-form-renderer .form-table-renderer .col {
+.form-table-renderer .col {
   width: auto;
 }
-.e-form-renderer .form-table-renderer .col-1 {
+.form-table-renderer .col-1 {
   width: 8.33333333%;
 }
-.e-form-renderer .form-table-renderer .col-2 {
+.form-table-renderer .col-2 {
   width: 16.66666667%;
 }
-.e-form-renderer .form-table-renderer .col-3 {
+.form-table-renderer .col-3 {
   width: 25%;
 }
-.e-form-renderer .form-table-renderer .col-4 {
+.form-table-renderer .col-4 {
   width: 33.33333333%;
 }
-.e-form-renderer .form-table-renderer .col-5 {
+.form-table-renderer .col-5 {
   width: 41.66666667%;
 }
-.e-form-renderer .form-table-renderer .col-6 {
+.form-table-renderer .col-6 {
   width: 50%;
 }
-.e-form-renderer .form-table-renderer .col-7 {
+.form-table-renderer .col-7 {
   width: 58.33333333%;
 }
-.e-form-renderer .form-table-renderer .col-8 {
+.form-table-renderer .col-8 {
   width: 66.66666667%;
 }
-.e-form-renderer .form-table-renderer .col-9 {
+.form-table-renderer .col-9 {
   width: 75%;
 }
-.e-form-renderer .form-table-renderer .col-10 {
+.form-table-renderer .col-10 {
   width: 83.33333333%;
 }
-.e-form-renderer .form-table-renderer .col-11 {
+.form-table-renderer .col-11 {
   width: 91.66666667%;
 }
-.e-form-renderer .form-table-renderer .col-12 {
+.form-table-renderer .col-12 {
   width: auto;
 }
-.e-form-renderer .form-tabs-renderer {
+.form-tabs-renderer {
   width: 100%;
 }
-.e-form-renderer .tab-content-renderer {
+.tab-content-renderer {
   padding: 10px;
   display: -ms-flexbox;
   display: flex;
@@ -329,19 +329,19 @@
       flex-direction: column;
   gap: 1rem;
 }
-.e-form-renderer .form-submit-button {
+.form-submit-button {
   margin-top: 1.5rem;
   -ms-flex-item-align: start;
       align-self: flex-start;
 }
-.e-form-renderer .field-input .e-input-group,
-.e-form-renderer .field-input .e-control-wrapper {
+.field-input .e-input-group,
+.field-input .e-control-wrapper {
   width: 100%;
 }
-.e-form-renderer .field-input .e-float-input {
+.field-input .e-float-input {
   width: 100%;
 }
-.e-form-renderer .unsupported-component {
+.unsupported-component {
   padding: 1rem;
   border-radius: 4px;
   font-size: 0.875rem;
@@ -355,18 +355,18 @@
   display: flex;
   line-height: 16px;
 }
-.e-form-renderer .form-title h1 {
+.form-title h1 {
   margin-top: 0;
 }
-.e-form-renderer .form-title {
+.form-title {
   text-align: center;
 }
 .form-renderer-container .e-card .e-card-content {
   padding: 12px 18px;
 }
 /* stylelint-disable-next-line at-rule-no-unknown */
-@container (max-width: 480px) {
-  .e-form-renderer .form-table-renderer .table-grid {
+@container (max-width: 430px) {
+  .form-table-renderer .table-grid {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
@@ -374,7 +374,7 @@
     border-spacing: 0;
     gap: 0.75rem;
   }
-  .e-form-renderer .form-table-renderer .row {
+  .form-table-renderer .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
@@ -382,38 +382,38 @@
     gap: 0.75rem;
     width: 100%;
   }
-  .e-form-renderer .form-table-renderer .e-form-table-cell {
+  .form-table-renderer .e-form-table-cell {
     display: block;
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
     padding: 12px;
   }
-    .e-form-renderer .form-table-renderer .col,
-  .e-form-renderer .form-table-renderer [class^=col-] {
+    .form-table-renderer .col,
+  .form-table-renderer [class^=col-] {
     /* stylelint-disable-next-line declaration-no-important */
     width: auto !important;
     min-width: 250px;
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
   }
-  .e-form-renderer .table-border .e-form-table-cell {
-    border-right: none;
-    border-radius: 4px;
+  .table-border .e-form-table-cell {
+    /* stylelint-disable-next-line declaration-no-important */
+    border-right: none !important;
   }
-  .e-form-renderer .form-table-renderer .row:last-child .e-form-table-cell {
+  .form-table-renderer .row:last-child .e-form-table-cell {
     border-bottom: none;
   }
 }
 /* stylelint-disable-next-line at-rule-no-unknown */
-@container (max-width: 480px) {
-  .e-form-renderer .form-table-renderer .e-form-table-row {
+@container (max-width: 430px) {
+  .form-table-renderer .e-form-table-row {
     /* stylelint-disable-next-line declaration-no-important */
     -ms-flex-direction: column !important;
         flex-direction: column !important;
     /* stylelint-disable-next-line declaration-no-important */
     gap: 1rem !important;
   }
-  .e-form-renderer .form-table-renderer .e-form-table-cell {
+  .form-table-renderer .e-form-table-cell {
     /* stylelint-disable-next-line declaration-no-important */
     width: 100% !important;
   }
@@ -423,55 +423,58 @@
 }
 /* stylelint-disable-next-line at-rule-no-unknown */
 @container (max-width: 400px) {
-  .e-form-renderer .field-wrapper.label-left,
-  .e-form-renderer .field-wrapper.label-right {
+  .field-wrapper.label-left,
+  .field-wrapper.label-right {
     -ms-flex-direction: column;
         flex-direction: column;
     -ms-flex-align: stretch;
         align-items: stretch;
   }
-  .e-form-renderer .field-wrapper.label-left .field-input,
-  .e-form-renderer .field-wrapper.label-right .field-input {
+  .field-wrapper.label-left .field-input,
+  .field-wrapper.label-right .field-input {
     width: 100%;
   }
 }
 .form-renderer-container hr {
   background-color: #eaeaea;
 }
-.e-form-renderer .field-label {
+.field-label {
   color: #333;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
-.e-form-renderer .form-panel-renderer .panel-legend {
+.form-panel-renderer .panel-legend {
   color: #333;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
-.e-form-renderer .field-label .required-asterisk {
+.field-label .required-asterisk {
   color: #f44336;
 }
-.e-form-renderer .field-label .tooltip-icon {
+.field-label .tooltip-icon {
   color: #fff;
 }
-.e-form-renderer .field-error {
+.field-error {
   color: #f44336;
 }
-.e-form-renderer .form-panel-renderer:has(.panel-legend) {
+.form-panel-renderer:has(.panel-legend) {
   border: 1px solid #eaeaea;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
-.e-form-renderer .form-table-renderer.table-border {
+.form-table-renderer.table-border {
   border: 1px solid #eaeaea;
 }
-.e-form-renderer .table-border .e-form-table-cell {
+.table-border .e-form-table-cell {
   border-bottom: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
 }
+.form-renderer-container .e-tooltip .e-msg-icon::before {
+  content: "\e800";
+}
 /* stylelint-disable-next-line at-rule-no-unknown */
 @container (max-width: 480px) {
-  .e-form-renderer .table-border .e-form-table-cell {
+  .table-border .e-form-table-cell {
     border-bottom: 1px solid #eaeaea;
   }
-  .e-form-renderer .form-table-renderer .e-form-table-cell:last-child {
+  .form-table-renderer .e-form-table-cell:last-child {
     border-bottom: 1px solid #eaeaea;
   }
 }

package/styles/gantt/_layout.scss

@@ -1069,6 +1069,10 @@
       text-align: center !important; /* stylelint-disable-line declaration-no-important */
       text-indent: 0 !important; /* stylelint-disable-line declaration-no-important */
     }
+
+    .e-chart-root-container {
+      height: 100%;
+    }
   }
 
   .e-gantt-dialog .e-tab .e-tab-header {

package/styles/gantt/gantt-lite.css

@@ -972,6 +972,9 @@
   text-align: center !important; /* stylelint-disable-line declaration-no-important */
   text-indent: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.sf-gantt.e-gantt .e-chart-root-container {
+  height: 100%;
+}
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/gantt/gantt.css

@@ -972,6 +972,9 @@
   text-align: center !important; /* stylelint-disable-line declaration-no-important */
   text-indent: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.sf-gantt.e-gantt .e-chart-root-container {
+  height: 100%;
+}
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/grid/_bigger.scss

@@ -841,10 +841,21 @@
 
     .e-row {
       .e-input-group .e-input.e-field,
-      .e-input-focus .e-input.e-field {
+      .e-input-focus .e-input.e-field,
+      .e-field.e-formula-edit.e-input.e-input-group {
         @include grid-edit-input-styles($grid-bigger-font-size, $grid-edit-input-bigger-padding-bottom, $grid-edit-input-bigger-padding-top);
       }
 
+      td.e-rowcell .e-field.e-formula-edit.e-formula-edit.e-input.e-input-group {
+        height: $formula-edit-bigger-height;
+        padding-left: $formula-edit-bigger-padding-left;
+        padding-top: $formula-edit-bigger-padding-top;
+
+        &.ralign {
+          padding-right: $formula-edit-bigger-padding-right;
+        }
+      }
+
       .e-input-group {
         @if $grid-skin == 'material3' {
           margin-top: 2px;
@@ -901,7 +912,8 @@
 
       .e-row {
         .e-input-group .e-input.e-field,
-        .e-input-focus .e-input.e-field {
+        .e-input-focus .e-input.e-field,
+        .e-formula-edit.e-field {
           @include grid-top-bottom-padding($grid-edit-input-bigger-device-padding-bottom, $grid-edit-input-bigger-device-padding-bottom);
         }
       }
@@ -1311,12 +1323,67 @@
   .e-xlflmenu.e-responsive-dialog.e-bigger {
     .e-dlg-content{
       .e-radio + label{
-        @if $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' or $grid-skin == 'fluent2-highcontrast' {
+        @if $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' or $grid-skin == 'fluent2-highcontrast' or $grid-skin == 'tailwind3' or $grid-skin =='tailwind3-dark'{
           margin: 0;
         }
       }
     }
   }
+
+  .e-res-toolbar{
+    .e-toolbar-items{
+      .e-toolbar-item.e-find-wrapper{
+        padding: 3px 16px 3px 0;
+        width: auto;
+      }
+      .e-toolbar-item .e-find-bar-wrapper{
+        height: 100%;
+      }
+      .e-toolbar-find,
+      .e-find-input-container,
+      .e-find-bar-wrapper {
+        width: 100%;
+      }
+    }
+    .e-find-bar-wrapper {
+      height: 35px;
+    }
+  
+    .e-find-input {
+      width: 100%;
+      height: 35px;
+      min-width: 0;
+      padding: 7px 12px;
+      font-size: 16px;
+    }
+  
+    .e-find-nav-buttons {
+      height: 35px;
+    }
+  
+    .e-find-nav-btn {
+      min-width: 25px;
+      height: 35px;
+    }
+  }
+
+  .e-find-input-container .e-find-bar-wrapper .e-find-input {
+    font-size: 16px;
+  }
+  
+  .e-search-highlight.e-icons:not(.e-check, .e-stop) {
+    font-size: 16px;
+  }
+  
+  /* Adaptive grid Find layout */
+  /* Larger Find input for the responsive toolbar */
+  .e-find-wrapper {
+    flex: 1 1 auto;
+    width: auto;
+    min-width: 150px;
+    max-width: 290px;
+    overflow: hidden;
+  }
 }
 
 .e-bigger .e-grid,

package/styles/grid/_fabric-definition.scss

@@ -572,6 +572,20 @@ $grid-adaptive-cell-padding-top: 5px !default;
 $grid-bigger-adaptive-cell-position-top: 6px !default;
 $grid-skin: 'fabric' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
+
+// Find & Highlight feature tokens (per-theme-aware, highlight stays universal)
+$grid-find-highlight-bg:  rgba(255, 193, 7, 1) !default;
+$grid-find-highlight-color: rgba(0, 0, 0, .5) !default;
+$grid-find-highlight-active-bg: rgba(253, 126, 20, 1) !default;
+$grid-find-highlight-active-shadow: rgba(rgba(253, 126, 20, 1), .5) !default;
+$grid-find-bg: $content-bg-color !default;
+$grid-find-input-color: $content-font-color !default;
+$grid-find-bar-border-color: $neutral-quintenaryalt !default;
+$grid-find-bar-focus-color: $theme-primary !default;
+$grid-find-text-color: $default-icon-color !default;
+$grid-find-color: $neutral-secondary !default;
+$grid-find-clear-hover-color: $hover-icon-color !default;
+$grid-find-button-hover-bg: $neutral-light !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;
@@ -598,3 +612,18 @@ $grid-border-radius-4: 4px !default;
 $grid-border-radius-8: 8px !default;
 $grid-border-radius-17: 17px !default;
 $grid-xlfl-skin: 'fabric' !default;
+$grid-formula-cell-border-1: inset 0 0 0 1px $formula-cell-border-1;
+$grid-formula-cell-border-2: inset 0 0 0 1px $formula-cell-border-2;
+$grid-formula-cell-border-3: inset 0 0 0 1px $formula-cell-border-3;
+$grid-formula-cell-border-4: inset 0 0 0 1px $formula-cell-border-4;
+$grid-formula-cell-border-5: inset 0 0 0 1px $formula-cell-border-5;
+$grid-formula-cell-border-6: inset 0 0 0 1px $formula-cell-border-6;
+$grid-formula-cell-border-7: inset 0 0 0 1px $formula-cell-border-7;
+$formula-edit-normal-height: 32px !default;
+$formula-edit-bigger-height: 40px !default;
+$formula-edit-padding-left: 10px !default;
+$formula-edit-padding-right: 10px !default;
+$formula-edit-padding-top: 4px !default;
+$formula-edit-bigger-padding-left: 10px !default;
+$formula-edit-bigger-padding-right: 10px !default;
+$formula-edit-bigger-padding-top: 9px !default;