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/tailwind-lite.scss CHANGED Viewed

@@ -41335,7 +41335,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;
               }
@@ -63088,6 +63088,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.scss CHANGED Viewed

@@ -55950,7 +55950,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;
               }
@@ -85363,6 +85363,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/tailwind3-dark-lite.scss CHANGED Viewed

@@ -39890,7 +39890,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;
@@ -40318,13 +40318,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;
@@ -42786,7 +42786,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;
               }
@@ -62205,7 +62205,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -62362,7 +62362,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -64601,6 +64601,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/tailwind3-dark.scss CHANGED Viewed

@@ -54505,7 +54505,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;
@@ -54933,13 +54933,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;
@@ -57401,7 +57401,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;
               }
@@ -84480,7 +84480,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -84637,7 +84637,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -86876,6 +86876,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/tailwind3-lite.scss CHANGED Viewed

@@ -40361,7 +40361,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;
@@ -40789,13 +40789,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;
@@ -43257,7 +43257,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;
               }
@@ -62676,7 +62676,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -62833,7 +62833,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -65072,6 +65072,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/tailwind3.scss CHANGED Viewed

@@ -54976,7 +54976,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;
@@ -55404,13 +55404,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;
@@ -57872,7 +57872,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;
               }
@@ -84951,7 +84951,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -85108,7 +85108,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -87347,6 +87347,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/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@syncfusion/blazor-themes","version":"29.1.35","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1	+ {"name":"@syncfusion/blazor-themes","version":"29.1.37","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}