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/navigations/tab/bootstrap-dark.scss CHANGED Viewed

@@ -489,7 +489,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 2px !default;
 $tab-item-icon-before-top: 2px !default;
@@ -4146,6 +4146,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -509,7 +509,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 2px !default;
 $tab-item-icon-before-top: 2px !default;
@@ -4156,6 +4156,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -513,7 +513,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: $tab-vscroll-nav-border !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;
 $tab-item-icon-before-top: 1px !default;
@@ -4160,6 +4160,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -492,7 +492,8 @@ $tab-item-wrap-border: $tab-vscroll-nav-border !default;
 $tab-clone-item-wrap-border: $tab-vscroll-nav-border !default;
 $tab-item-wrap-hover-border: 1px solid $tab-hover-border-color !default;
 $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
-$tab-item-active-hover-bg: inherit !default;
+$tab-item-active-bg: $content-bg-color !default;
+$tab-item-active-hover-bg: $content-bg-color !default;
 $tab-item-active-wrap-border: 0 !default;
 $tab-active-wrap-position: unset !default;
 $tab-active-wrap-before-border: unset !default;
@@ -503,7 +504,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 1px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
-$tab-content-font-size: $text-xs !default;
+$tab-content-font-size: $text-sm !default;
 $tab-item-active-tabwrap-border: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;
 $tab-item-icon-before-top: 1px !default;
@@ -4150,6 +4151,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -492,7 +492,8 @@ $tab-item-wrap-border: $tab-vscroll-nav-border !default;
 $tab-clone-item-wrap-border: $tab-vscroll-nav-border !default;
 $tab-item-wrap-hover-border: 1px solid $tab-hover-border-color !default;
 $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
-$tab-item-active-hover-bg: inherit !default;
+$tab-item-active-bg: $content-bg-color !default;
+$tab-item-active-hover-bg: $content-bg-color !default;
 $tab-item-active-wrap-border: 0 !default;
 $tab-active-wrap-position: unset !default;
 $tab-active-wrap-before-border: unset !default;
@@ -503,7 +504,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 1px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
-$tab-content-font-size: $text-xs !default;
+$tab-content-font-size: $text-sm !default;
 $tab-item-active-tabwrap-border: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;
 $tab-item-icon-before-top: 1px !default;
@@ -4150,6 +4151,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4155,6 +4155,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4170,6 +4170,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -511,7 +511,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
-$tab-content-font-size: $text-xs !default;
+$tab-content-font-size: $text-sm !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 2px !default;
 $tab-item-icon-before-top: 2px !default;
@@ -4158,6 +4158,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -511,7 +511,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
-$tab-content-font-size: $text-xs !default;
+$tab-content-font-size: $text-sm !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 2px !default;
 $tab-item-icon-before-top: 2px !default;
@@ -4158,6 +4158,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -547,7 +547,7 @@ $tab-active-wrap-before-top: 95% !default;
 $tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 2px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 2px solid $tab-wrap-border-color !default;
 $tab-item-left-icon-before-top: 0 !default;
 $tab-item-icon-before-top: 2px !default;
@@ -4194,6 +4194,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -480,7 +480,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 1px !default;
 $tab-item-icon-before-top: 1px !default;
@@ -4166,6 +4166,12 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -529,7 +529,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: 14px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 1px !default;
 $tab-item-icon-before-top: 1px !default;
@@ -4176,6 +4176,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4151,6 +4151,12 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4151,6 +4151,12 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4179,6 +4179,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }

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

@@ -4179,6 +4179,12 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
           background: $tab-item-hover-bg;
         }
+        &.e-active {
+          @if ($skin-name == 'Bootstrap5') {
+            background: $tab-item-active-bg;
+          }
+        }
         &.e-active:hover {
           background: $tab-item-active-hover-bg;
         }