npm - @syncfusion/blazor-themes - Versions diffs - 23.2.7 → 24.1.43 - Mend

@syncfusion/blazor-themes 23.2.7 → 24.1.43

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 (450) hide show

package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss CHANGED Viewed

@@ -4384,6 +4384,34 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-de-user-info.e-de-user-name-collapse span {
+            transition-property: height, min-width, max-width, width, border-radius, padding;
+            transition-duration: 200ms;
+            transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 6px;
+            width: 6px;
+            min-width: 0px;
+            max-width: 6px;
+            border-radius: 6px;
+            padding: 0px;
+        }
+        .e-de-user-info.e-de-user-name-expended span {
+            transition-property: height, width, min-width, max-width, border-radius, padding;
+            transition-duration: 300ms;
+            transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 20px;
+            line-height: 20px;
+            min-width: 44px;
+            max-width: 150px;
+            padding: 0px 8px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: white;
+        }
 }
 @include export-module('documenteditor-tailwind-icons') {

package/SCSS-Themes/documenteditor/document-editor/tailwind.scss CHANGED Viewed

@@ -4384,6 +4384,34 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-de-user-info.e-de-user-name-collapse span {
+            transition-property: height, min-width, max-width, width, border-radius, padding;
+            transition-duration: 200ms;
+            transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 6px;
+            width: 6px;
+            min-width: 0px;
+            max-width: 6px;
+            border-radius: 6px;
+            padding: 0px;
+        }
+        .e-de-user-info.e-de-user-name-expended span {
+            transition-property: height, width, min-width, max-width, border-radius, padding;
+            transition-duration: 300ms;
+            transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 20px;
+            line-height: 20px;
+            min-width: 44px;
+            max-width: 150px;
+            padding: 0px 8px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: white;
+        }
 }
 @include export-module('documenteditor-tailwind-icons') {

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss CHANGED Viewed

@@ -142,9 +142,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss CHANGED Viewed

@@ -142,9 +142,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss CHANGED Viewed

@@ -149,9 +149,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss CHANGED Viewed

@@ -176,9 +176,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss CHANGED Viewed

@@ -176,9 +176,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss CHANGED Viewed

@@ -145,9 +145,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss CHANGED Viewed

@@ -143,9 +143,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss CHANGED Viewed

@@ -180,9 +180,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss CHANGED Viewed

@@ -180,9 +180,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss CHANGED Viewed

@@ -164,9 +164,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss CHANGED Viewed

@@ -145,9 +145,6 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/material.scss CHANGED Viewed

@@ -144,9 +144,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss CHANGED Viewed

@@ -146,9 +146,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/material3.scss CHANGED Viewed

@@ -146,9 +146,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss CHANGED Viewed

@@ -188,9 +188,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss CHANGED Viewed

@@ -188,9 +188,6 @@ $ddl-group-list-item-text-intent: 0 !default;
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss CHANGED Viewed

@@ -122,6 +122,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -163,6 +166,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss CHANGED Viewed

@@ -121,6 +121,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -162,6 +165,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss CHANGED Viewed

@@ -122,6 +122,9 @@ $ddt-remains-count-padding-top: 4px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -163,6 +166,9 @@ $ddt-remains-count-padding-top: 4px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss CHANGED Viewed

@@ -110,6 +110,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -151,6 +154,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -110,6 +110,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -151,6 +154,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -122,6 +122,9 @@ $ddt-remains-count-padding-top: 6px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -163,6 +166,9 @@ $ddt-remains-count-padding-top: 6px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss CHANGED Viewed

@@ -122,6 +122,9 @@ $ddt-remains-count-padding-top: 6px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -163,6 +166,9 @@ $ddt-remains-count-padding-top: 6px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -116,6 +116,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -157,6 +160,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss CHANGED Viewed

@@ -116,6 +116,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -157,6 +160,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss CHANGED Viewed

@@ -122,6 +122,9 @@ $ddt-remains-count-padding-top: 6px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -163,6 +166,9 @@ $ddt-remains-count-padding-top: 6px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss CHANGED Viewed

@@ -123,6 +123,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -164,6 +167,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/material.scss CHANGED Viewed

@@ -123,6 +123,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -164,6 +167,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss CHANGED Viewed

@@ -127,6 +127,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -168,6 +171,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss CHANGED Viewed

@@ -127,6 +127,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -168,6 +171,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss CHANGED Viewed

@@ -112,6 +112,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -153,6 +156,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss CHANGED Viewed

@@ -112,6 +112,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
         @if $ddt-skin-name == 'Material3' {
           margin: $ddt-dd-icon-margin;
         }
+        @if $ddt-skin-name == 'FluentUI' {
+          min-height: $ddt-dd-icon-width;
+        }
       }
       .e-input-group-icon.e-ddt-icon {
@@ -153,6 +156,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
           @else {
             right: $ddt-dd-icon-width;
           }
+          @if $ddt-skin-name == 'FluentUI' {
+            bottom: 0;
+          }
         }
         .e-ddt-icon {