@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

package/styles/document-editor-container/_layout.scss

@@ -15,10 +15,12 @@
   .e-documenteditorcontainer {
     display: block;
   }
+  
   .e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
     width: 100% !important; /* stylelint-disable-line declaration-no-important */
     height: 40px !important; /* stylelint-disable-line declaration-no-important */
   }
+
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: $e-de-text-wrap-height;
     @if $skin-name == 'tailwind' {

package/styles/excel-filter/_bigger.scss

@@ -28,7 +28,7 @@
           padding: 0 36px 0 0;
         }
       }
-      
+
       .e-contextmenu-container ul:not(.e-ul) {
         max-width: 100%;
       }

package/styles/fabric-lite.css

@@ -98,3 +98,6 @@
 @import "grid-chart/grid-chart-lite.css";
 @import "chartwizard/chartwizard-lite.css";
 @import "form-renderer/form-renderer.css";
+@import "form-builder/form-builder.css";
+@import "richtexteditor-ui/richtexteditor-ui-lite.css";
+@import "headless-editor/headless-editor-lite.css";

package/styles/fabric-lite.scss

@@ -98,3 +98,6 @@
 @use "grid-chart/grid-chart-lite" as *;
 @use "chartwizard/chartwizard-lite" as *;
 @use "form-renderer/form-renderer" as *;
+@use "form-builder/form-builder" as *;
+@use "richtexteditor-ui/richtexteditor-ui-lite" as *;
+@use "headless-editor/headless-editor-lite" as *;

package/styles/fabric.css

@@ -98,3 +98,6 @@
 @import "grid-chart/grid-chart.css";
 @import "chartwizard/chartwizard.css";
 @import "form-renderer/form-renderer.css";
+@import "form-builder/form-builder.css";
+@import "richtexteditor-ui/richtexteditor-ui.css";
+@import "headless-editor/headless-editor.css";

package/styles/fabric.scss

@@ -98,3 +98,6 @@
 @use "grid-chart/grid-chart" as *;
 @use "chartwizard/chartwizard" as *;
 @use "form-renderer/form-renderer" as *;
+@use "form-builder/form-builder" as *;
+@use "richtexteditor-ui/richtexteditor-ui" as *;
+@use "headless-editor/headless-editor" as *;

package/styles/file-manager/_layout.scss

@@ -966,7 +966,7 @@
         border-radius: $fe-clone-count-border-radius;
         font-size: $fe-clone-count-font-size;
         @if $fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5' {
-          @include icon-style(20px, 20px, $fe-clone-count-margin);
+          @include size(20px, 20px);
           line-height: $fe-clone-count-lheight;
         }
         @else {
@@ -974,9 +974,10 @@
           line-height: $fe-clone-count-lheight;
           margin-left: $fe-clone-count-margin-left;
         }
-        position: relative;
+        position: absolute;
+        top: -12px;
+        right: -12px;
         text-align: center;
-        top: 0;
       }
       .e-fe-count.e-fm-template {
         position: absolute;
@@ -984,6 +985,16 @@
         top: -5px;
       }
     }
+    &.e-rtl {
+      .e-fe-clone {
+        position: relative;
+
+        .e-fe-count {
+          left: -12px;
+          right: auto;
+        }
+      }
+    }
 
     &.e-rtl {
 

package/styles/file-manager/file-manager-lite.css

@@ -636,15 +636,23 @@ ejs-filemanager {
   width: 22px;
   line-height: 22px;
   margin-left: -12px;
-  position: relative;
+  position: absolute;
+  top: -12px;
+  right: -12px;
   text-align: center;
-  top: 0;
 }
 .e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
   position: absolute;
   right: -5px;
   top: -5px;
 }
+.e-filemanager.e-rtl .e-fe-clone {
+  position: relative;
+}
+.e-filemanager.e-rtl .e-fe-clone .e-fe-count {
+  left: -12px;
+  right: auto;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/file-manager.css

@@ -636,15 +636,23 @@ ejs-filemanager {
   width: 22px;
   line-height: 22px;
   margin-left: -12px;
-  position: relative;
+  position: absolute;
+  top: -12px;
+  right: -12px;
   text-align: center;
-  top: 0;
 }
 .e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
   position: absolute;
   right: -5px;
   top: -5px;
 }
+.e-filemanager.e-rtl .e-fe-clone {
+  position: relative;
+}
+.e-filemanager.e-rtl .e-fe-clone .e-fe-count {
+  left: -12px;
+  right: auto;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/form-builder/_all.scss

@@ -0,0 +1,2 @@
+@forward 'layout';
+@forward 'theme';

package/styles/form-builder/_fabric-definition.scss

@@ -0,0 +1,84 @@
+@use 'sass:color';
+@use '../base/common/base-variables' as *;
+
+$fb-container-border-color: $neutral-light !default;
+$fb-main-header-border-color: $fb-container-border-color;
+$fb-main-header-bg-color: $appbar-bg-color-alt1;
+$fb-main-header-separator-color: $fb-container-border-color;
+$fb-pane-bg-color: $neutral-white;
+$fb-heading-text-color: $theme-light-font;
+$fb-palette-item-border-color: $neutral-quintenary;
+$fb-palette-icon-color: $theme-light-font;
+$fb-palette-item-text-color: $fb-palette-icon-color;
+$fb-pane-button-bg-color: $neutral-lighter;
+$fb-pane-button-border-color: transparent;
+$fb-expand-btn-height: 32px;
+$fb-expand-btn-width: 32px;
+$fb-expand-right-padding: 0;
+$fb-expand-left-padding: 0;
+
+$fb-color-background: #ffffff !default;
+$fb-color-line-color: $neutral-light !default;
+$fb-drop-zone-border-color: #ffffff !default;
+$fb-color-surface: #ffffff !default;
+$fb-color-on-surface: $theme-light-font !default;
+$fb-color-on-surface-variant: $theme-light-font !default;
+$fb-anchor-highlight-color: #ffffff;
+$fb-color-scrim: #ffffff !default;
+
+$fb-repeat-icon-color: $fb-palette-icon-color;
+
+$fb-topbar-height: 3.1rem !default;
+$fb-sidebar-width: 18rem !default;
+$fb-footer-height: 57px !default;
+$fb-ridesidebar-width: 18rem !default;
+$fb-form-width: 500px !default;
+$fb-menu-margin: -6px !default;
+
+$fb-nav-weight: 500;
+$fb-nav-active-weight: 500;
+$fb-palette-label-weight: 500;
+$fb-context-menu-item-border-width: 1px;
+
+$fb-spacing: 1rem !default;
+$fb-spacing-sm: .5rem !default;
+$fb-spacing-lg: 1.5rem !default;
+
+$fb-font-family: $font-family !default;
+$fb-font-size: 12px !default;
+$fb-font-size-sm: 12px !default;
+$fb-font-size-xs: 12px !default;
+$fb-font-size-lg: 12px !default;
+$fb-letter-spacing: .00714286em !default;
+$fb-border-radius: .25rem !default;
+
+$fb-dragover-border-color: $theme-primary !default;
+$fb-dragover-background-color: $theme-lighter !default;
+$fb-jsonview-header-color: $neutral-lighter !default;
+$fb-jsonview-border-color: $neutral-light !default;
+$fb-jsonview-text-color: $theme-light-font !default;
+$fb-jsonview-background-color: $fb-color-surface;
+$fb-hint-text-color: $neutral-secondary !default;
+$fb-dashboard-heading-color: #ffffff !default;
+$fb-dashboard-subtitle-color: #ffffff !default;
+$fb-json-input-shadow-color: #ffffff !default;
+$fb-shadow-md: 0 .6px 1.8px 0 $frozen-shadow, 0 3.2px 7.2px 0 $frozen-shadow;
+$fb-toolbar-active-bg-color: $theme-primary !default;
+$fb-toolbar-active-border-color: #ffffff !default;
+$fb-toolbar-content-color: #ffffff !default;
+$fb-jsonview-border-color: $primary !default;
+$fb-menu-color: $neutral-light !default;
+$fb-field-label-error-color: #f44336 !default;
+$fb-bg-surface-color: $fb-color-line-color;
+$fb-right-pane-bg-color: $fb-color-background;
+$fb-action-buttons-bg-color: $fb-color-surface;
+$fb-toolbox-icons-hover-color: $fb-anchor-highlight-color;
+$fb-main-header-height: 48px;
+$fb-main-header-height-bigger: 56px;
+$fb-mode-button-height: 32px;
+$fb-mode-button-height-bigger: 40px;
+$fb-bottom-toolbar-box-shadow: none;
+$fb-right-pane-close-btn-color: $fb-color-on-surface-variant;
+$fb-left-pane-header-border-width: 1px;
+$fb-reset-btn-height: 28px;
+$fb-reset-btn-height-bigger: 36px;