npm - @syncfusion/blazor-themes - Versions diffs - 26.1.41 → 26.2.4 - Mend

@syncfusion/blazor-themes 26.1.41 → 26.2.4

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

package/SCSS-Themes/navigations/breadcrumb/bds-dark.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bds.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bootstrap-dark.scss CHANGED Viewed

@@ -225,9 +225,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $grey-99 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bootstrap.scss CHANGED Viewed

@@ -225,9 +225,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $grey-e6 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bootstrap4.scss CHANGED Viewed

@@ -225,9 +225,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $gray-200 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bootstrap5-dark.scss CHANGED Viewed

@@ -230,9 +230,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/bootstrap5.scss CHANGED Viewed

@@ -230,9 +230,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fabric-dark.scss CHANGED Viewed

@@ -230,9 +230,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $neutral-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fabric.scss CHANGED Viewed

@@ -230,9 +230,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $neutral-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fluent-dark.scss CHANGED Viewed

@@ -234,9 +234,11 @@ $breadcrumb-item-active-bg-color: $content-bg-color-alt4 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fluent.scss CHANGED Viewed

@@ -234,9 +234,11 @@ $breadcrumb-item-active-bg-color: $content-bg-color-alt4 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fluent2-dark.scss CHANGED Viewed

@@ -232,9 +232,11 @@ $breadcrumb-item-active-bg-color: $content-bg-color-selected !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/fluent2.scss CHANGED Viewed

@@ -232,9 +232,11 @@ $breadcrumb-item-active-bg-color: $content-bg-color-selected !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/highcontrast.scss CHANGED Viewed

@@ -232,9 +232,11 @@ $breadcrumb-popup-item-hover-outline: 1px solid $border-default !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/material-dark.scss CHANGED Viewed

@@ -221,9 +221,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $grey-700 !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/material.scss CHANGED Viewed

@@ -221,9 +221,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid rgba($grey-light-font, .12) !defau
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/material3-dark.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-bgcolor: $transparent !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/material3.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-bgcolor: $transparent !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/tailwind-dark.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/breadcrumb/tailwind.scss CHANGED Viewed

@@ -231,9 +231,11 @@ $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
         &:focus-visible {
           @if $skin-name == 'fluent2' {
             box-shadow: $secondary-shadow-focus;
+            color: $breadcrumb-item-color !important; /* stylelint-disable-line declaration-no-important */
-            & .e-breadcrumb-icon {
-              color: $icon-color;
+            & .e-breadcrumb-icon,
+            &.e-breadcrumb-url .e-breadcrumb-icon {
+              color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
             }
           }
         }

package/SCSS-Themes/navigations/treeview/bds-dark.scss CHANGED Viewed

@@ -1584,7 +1584,8 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/bds.scss CHANGED Viewed

@@ -1584,7 +1584,8 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss CHANGED Viewed

@@ -1569,7 +1569,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e230';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap.scss CHANGED Viewed

@@ -1564,7 +1564,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e230';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap4.scss CHANGED Viewed

@@ -1592,7 +1592,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e70b';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss CHANGED Viewed

@@ -1573,7 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap5.scss CHANGED Viewed

@@ -1573,7 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fabric-dark.scss CHANGED Viewed

@@ -1569,7 +1569,8 @@ $ripple-width: 32px !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/fabric.scss CHANGED Viewed

@@ -1565,7 +1565,8 @@ $ripple-width: 32px !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent-dark.scss CHANGED Viewed

@@ -1573,7 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent.scss CHANGED Viewed

@@ -1573,7 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent2-dark.scss CHANGED Viewed

@@ -1579,7 +1579,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent2.scss CHANGED Viewed

@@ -1579,7 +1579,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/highcontrast.scss CHANGED Viewed

@@ -1571,7 +1571,8 @@ $ripple-width: 32px !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/material-dark.scss CHANGED Viewed

@@ -1567,7 +1567,8 @@ $ripple-width: 32px !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e22f';
       }
     }

package/SCSS-Themes/navigations/treeview/material.scss CHANGED Viewed

@@ -1565,7 +1565,8 @@ $ripple-width: 32px !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e22f';
       }
     }

package/SCSS-Themes/navigations/treeview/material3-dark.scss CHANGED Viewed

@@ -1563,7 +1563,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e748';
       }
     }

package/SCSS-Themes/navigations/treeview/material3.scss CHANGED Viewed

@@ -1563,7 +1563,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e748';
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss CHANGED Viewed

@@ -1577,7 +1577,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind.scss CHANGED Viewed

@@ -1577,7 +1577,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     .e-list-item {
-      div.e-icons::before {
+      div.e-icons.e-icon-expandable::before,
+      div.e-icons.e-icon-collapsible::before {
         content: '\e75c';
       }
     }

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

@@ -103,8 +103,8 @@ $msg-filled-success-color: $msg-success-color-alt2 !default;
 $msg-filled-success-bg-color: $msg-success-bg-color-alt2 !default;
 $msg-filled-success-border-color: $msg-success-border-color-alt2 !default;
 $msg-filled-warning-color: $msg-warning-color-alt2 !default;
-$msg-filled-warning-bg-color: $warning-dark-primary !default;
-$msg-filled-warning-border-color: $warning-dark-primary !default;
+$msg-filled-warning-bg-color: $msg-warning-bg-color-alt2 !default;
+$msg-filled-warning-border-color: $msg-warning-border-color-alt2 !default;
 $msg-filled-info-color: $msg-info-color-alt2 !default;
 $msg-filled-info-bg-color: $msg-info-bg-color-alt2 !default;
 $msg-filled-info-border-color: $msg-info-border-color-alt2 !default;

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

@@ -103,8 +103,8 @@ $msg-filled-success-color: $msg-success-color-alt2 !default;
 $msg-filled-success-bg-color: $msg-success-bg-color-alt2 !default;
 $msg-filled-success-border-color: $msg-success-border-color-alt2 !default;
 $msg-filled-warning-color: $msg-warning-color-alt2 !default;
-$msg-filled-warning-bg-color: $warning-dark-primary !default;
-$msg-filled-warning-border-color: $warning-dark-primary !default;
+$msg-filled-warning-bg-color: $msg-warning-bg-color-alt2 !default;
+$msg-filled-warning-border-color: $msg-warning-border-color-alt2 !default;
 $msg-filled-info-color: $msg-info-color-alt2 !default;
 $msg-filled-info-bg-color: $msg-info-bg-color-alt2 !default;
 $msg-filled-info-border-color: $msg-info-border-color-alt2 !default;