npm - @syncfusion/blazor-themes - Versions diffs - 24.1.46 → 24.2.3 - Mend

@syncfusion/blazor-themes 24.1.46 → 24.2.3

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

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss CHANGED Viewed

@@ -300,7 +300,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -316,24 +316,24 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -369,7 +369,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss CHANGED Viewed

@@ -301,7 +301,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -317,24 +317,24 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -370,7 +370,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss CHANGED Viewed

@@ -298,7 +298,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -314,24 +314,24 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -367,7 +367,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss CHANGED Viewed

@@ -302,7 +302,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -318,24 +318,24 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -371,7 +371,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss CHANGED Viewed

@@ -302,7 +302,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -318,24 +318,24 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -371,7 +371,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss CHANGED Viewed

@@ -297,7 +297,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -313,24 +313,24 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -366,7 +366,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss CHANGED Viewed

@@ -301,7 +301,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -317,24 +317,24 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -370,7 +370,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/material.scss CHANGED Viewed

@@ -298,7 +298,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -314,24 +314,24 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -367,7 +367,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss CHANGED Viewed

@@ -301,7 +301,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -317,24 +317,24 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -370,7 +370,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss CHANGED Viewed

@@ -301,7 +301,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -317,24 +317,24 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -370,7 +370,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss CHANGED Viewed

@@ -299,7 +299,7 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -315,24 +315,24 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -368,7 +368,7 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss CHANGED Viewed

@@ -299,7 +299,7 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
@@ -315,24 +315,24 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
           & .e-menu-url {
@@ -368,7 +368,7 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;