npm - @syncfusion/blazor-themes - Versions diffs - 22.2.12 → 23.1.38 - Mend

@syncfusion/blazor-themes 22.2.12 → 23.1.38

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

package/SCSS-Themes/notifications/message/fluent-dark.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/fluent.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/highcontrast.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/material-dark.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/material.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/material3-dark.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/material3.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/tailwind-dark.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/message/tailwind.scss CHANGED Viewed

@@ -164,7 +164,9 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       justify-content: flex-end;
     }
-    &.e-content-center {
+    &.e-content-center .e-msg-content-wrap {
+      display: flex;
+      flex: 1;
       justify-content: center;
     }

package/SCSS-Themes/notifications/toast/bootstrap-dark.scss CHANGED Viewed

@@ -578,7 +578,12 @@ $toast-danger-hover-box-shadow: 0 6px 12px rgba($base-font, .5) !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/bootstrap.scss CHANGED Viewed

@@ -576,7 +576,12 @@ $toast-title-font-weight: bold !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/bootstrap4.scss CHANGED Viewed

@@ -577,7 +577,12 @@ $toast-title-font-weight: bold !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss CHANGED Viewed

@@ -575,7 +575,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/bootstrap5.scss CHANGED Viewed

@@ -575,7 +575,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/fabric-dark.scss CHANGED Viewed

@@ -565,7 +565,12 @@ $toast-danger-hover-box-shadow: 0 3px 6px 0 rgba($neutral-black, .26) !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/fabric.scss CHANGED Viewed

@@ -566,7 +566,12 @@ $toast-title-font-weight: bold !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/fluent-dark.scss CHANGED Viewed

@@ -571,7 +571,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/fluent.scss CHANGED Viewed

@@ -571,7 +571,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/highcontrast.scss CHANGED Viewed

@@ -576,7 +576,12 @@ $toast-title-font-weight: bold !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/material-dark.scss CHANGED Viewed

@@ -580,7 +580,12 @@ $toast-danger-hover-box-shadow: 0 3px 5px -1px rgba($grey-black, .2), 0 6px 10px
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/material.scss CHANGED Viewed

@@ -580,7 +580,12 @@ $toast-title-font-weight: bold !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/material3-dark.scss CHANGED Viewed

@@ -582,7 +582,12 @@ $toast-warning-icon: '\e88b' !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/material3.scss CHANGED Viewed

@@ -582,7 +582,12 @@ $toast-warning-icon: '\e88b' !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/tailwind-dark.scss CHANGED Viewed

@@ -571,7 +571,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/notifications/toast/tailwind.scss CHANGED Viewed

@@ -571,7 +571,12 @@ $toast-danger-hover-box-shadow: $shadow !default;
       &.e-blazor-toast-close-icon,
       &.e-blazor-toast-close-icon:focus,
       &.e-blazor-toast-close-icon:active {
-        background-color: transparent;
+        @if $skin-name == 'Material3' {
+          background: transparent;
+        }
+        @else {
+          background-color: transparent;
+        }
         border: 0;
         box-shadow: none;
         outline: 0;

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss CHANGED Viewed

@@ -488,13 +488,12 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1834,6 +1833,9 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1982,15 +1984,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss CHANGED Viewed

@@ -470,13 +470,12 @@ $field-list-adaptive-outerdiv-height: 176px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1816,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 176px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1964,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss CHANGED Viewed

@@ -470,13 +470,12 @@ $field-list-adaptive-outerdiv-height: 177px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1816,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 177px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1964,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss CHANGED Viewed

@@ -474,13 +474,12 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1820,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1968,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss CHANGED Viewed

@@ -474,13 +474,12 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1820,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1968,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss CHANGED Viewed

@@ -476,13 +476,12 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1822,6 +1821,9 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1970,15 +1972,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss CHANGED Viewed

@@ -470,13 +470,12 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       .e-format-inner-div {
         width: 100% !important;
       }
-      /* stylelint-enable */
       .e-format-condition-button {
         .e-add-icon {
-          margin-left: 0;
+          margin-left: 0 !important;
         }
       }
+      /* stylelint-enable */
       .e-format-value1,
       .e-format-value2,
@@ -1816,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 166px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
       .e-dlg-content {
@@ -1964,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       padding: 9px 10px;
     }
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
     &.e-drag-restrict {
       .e-no-drop {
         &::before {