npm - @syncfusion/blazor-themes - Versions diffs - 29.1.35 → 29.1.37 - Mend

@syncfusion/blazor-themes 29.1.35 → 29.1.37

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

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

@@ -2947,7 +2947,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2947,7 +2947,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2947,7 +2947,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2947,7 +2947,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2946,7 +2946,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2952,7 +2952,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2952,7 +2952,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2954,7 +2954,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2954,7 +2954,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-lite.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3-lite.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -41337,7 +41337,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -63090,6 +63090,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {

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

@@ -55952,7 +55952,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -85365,6 +85365,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {