npm - @syncfusion/blazor-themes - Versions diffs - 20.4.43 → 20.4.48 - Mend

@syncfusion/blazor-themes 20.4.43 → 20.4.48

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

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss CHANGED Viewed

@@ -284,7 +284,7 @@ $rte-drop-text-mobile-width: 242px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -528,13 +528,13 @@ $rte-drop-text-mobile-width: 242px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2817,7 +2817,7 @@ $rte-drop-text-mobile-width: 242px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss CHANGED Viewed

@@ -284,7 +284,7 @@ $rte-drop-text-mobile-width: 242px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -528,13 +528,13 @@ $rte-drop-text-mobile-width: 242px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2817,7 +2817,7 @@ $rte-drop-text-mobile-width: 242px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $rte-drop-text-mobile-width: 238px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -519,13 +519,13 @@ $rte-drop-text-mobile-width: 238px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2809,7 +2809,7 @@ $rte-drop-text-mobile-width: 238px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2813,7 +2813,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss CHANGED Viewed

@@ -277,7 +277,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -521,13 +521,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2811,7 +2811,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2812,7 +2812,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2812,7 +2812,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/bootstrap.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $schedule-tree-content-color: $shadow !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/bootstrap4.scss CHANGED Viewed

@@ -576,7 +576,7 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss CHANGED Viewed

@@ -583,7 +583,7 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/bootstrap5.scss CHANGED Viewed

@@ -583,7 +583,7 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/fabric-dark.scss CHANGED Viewed

@@ -572,7 +572,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/fabric.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $schedule-tree-content-color: $shadow !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/fluent-dark.scss CHANGED Viewed

@@ -578,7 +578,7 @@ $schedule-tree-content-color: $content-text-color-alt2;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/fluent.scss CHANGED Viewed

@@ -578,7 +578,7 @@ $schedule-tree-content-color: $content-text-color-alt2;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/highcontrast.scss CHANGED Viewed

@@ -574,7 +574,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/material-dark.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/material.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $schedule-tree-content-color: $shadow;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/tailwind-dark.scss CHANGED Viewed

@@ -575,7 +575,7 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/schedule/schedule/tailwind.scss CHANGED Viewed

@@ -575,7 +575,7 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss CHANGED Viewed

@@ -89,6 +89,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss CHANGED Viewed

@@ -86,6 +86,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss CHANGED Viewed

@@ -86,6 +86,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss CHANGED Viewed

@@ -88,6 +88,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss CHANGED Viewed

@@ -88,6 +88,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss CHANGED Viewed

@@ -89,6 +89,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss CHANGED Viewed

@@ -86,6 +86,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss CHANGED Viewed

@@ -90,6 +90,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss CHANGED Viewed

@@ -90,6 +90,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss CHANGED Viewed

@@ -85,6 +85,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss CHANGED Viewed

@@ -89,6 +89,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/material.scss CHANGED Viewed

@@ -86,6 +86,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss CHANGED Viewed

@@ -87,6 +87,9 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss CHANGED Viewed

@@ -87,6 +87,9 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {