npm - @syncfusion/blazor-themes - Versions diffs - 30.1.40 → 30.1.42 - Mend

@syncfusion/blazor-themes 30.1.40 → 30.1.42

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

package/SCSS-Themes/gantt/gantt/bootstrap4-lite.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-chartrow-hover-bg-color: rgba($black, .08) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-chartrow-hover-bg-color: rgba($black, .08) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5-lite.scss CHANGED Viewed

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5.3-dark.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5.3-lite.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bootstrap5.3.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fabric-dark-lite.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fabric-lite.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent-dark-lite.scss CHANGED Viewed

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent-lite.scss CHANGED Viewed

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2-dark-lite.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2-dark.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2-highcontrast.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2-lite.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/fluent2.scss CHANGED Viewed

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/highcontrast-lite.scss CHANGED Viewed

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material-dark-lite.scss CHANGED Viewed

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material-lite.scss CHANGED Viewed

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material3-dark-lite.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material3-dark.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material3-lite.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material3.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind-dark-lite.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind-lite.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3-dark-lite.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3-dark.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3-lite.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -21083,7 +21083,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -31543,6 +31543,14 @@ $listview-template-multiline-avatar-top: .6153em !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -55689,6 +55697,7 @@ $de-ctnr-tlbt-height-big: 82px !default;
 $de-tlbr-margin-first: 12px !default;
 $de-tlbr-margin-first-big: 16px !default;
 $de-tlbr-margin-right: 6px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-tlbr-margin-right-big: 8px !default;
 $de-ctrnr-tblr-separator-margin: 0 5.5px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
@@ -55925,6 +55934,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
@@ -58719,6 +58736,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -77122,7 +77143,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -30281,7 +30281,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -43365,6 +43365,14 @@ $listview-template-multiline-avatar-top: .6153em !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
       & .e-list-parent {
         margin: 0;
@@ -76160,6 +76168,7 @@ $de-ctnr-tlbt-height-big: 82px !default;
 $de-tlbr-margin-first: 12px !default;
 $de-tlbr-margin-first-big: 16px !default;
 $de-tlbr-margin-right: 6px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-tlbr-margin-right-big: 8px !default;
 $de-ctrnr-tblr-separator-margin: 0 5.5px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
@@ -76396,6 +76405,14 @@ $de-ctnr-picture-margin-bottom: 0;
       font-size: 18px;
     }
   }
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
@@ -80344,6 +80361,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -103496,7 +103517,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/layouts/splitter/bds-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-dark-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-dark.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;