npm - @syncfusion/blazor-themes - Versions diffs - 20.3.61 → 20.4.38 - Mend

@syncfusion/blazor-themes 20.3.61 → 20.4.38

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

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

@@ -1176,7 +1176,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1171,7 +1171,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1199,7 +1199,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1178,7 +1178,7 @@ $treeview-item-active-check-color: $primary !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1178,7 +1178,7 @@ $treeview-item-active-check-color: $primary !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1174,7 +1174,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1170,7 +1170,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1178,7 +1178,7 @@ $treeview-item-active-check-color: $primary !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1178,7 +1178,7 @@ $treeview-item-active-check-color: $primary !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1176,7 +1176,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1172,7 +1172,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1170,7 +1170,7 @@ $ripple-width: 32px !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1182,7 +1182,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -1182,7 +1182,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
   @if $theme-name =='fluentui-dark' {
     background-color: lighten($treeview-item-active-bg, 5%);
   }
   @else if $theme-name =='tailwind' {
     background-color: darken($treeview-item-active-hover-bg, 10%);
   }

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

@@ -272,13 +272,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -291,14 +284,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -306,11 +291,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -318,12 +298,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }

package/SCSS-Themes/navigations/v-scroll/bootstrap.scss CHANGED Viewed

@@ -270,13 +270,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -289,14 +282,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -304,11 +289,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -316,12 +296,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }

package/SCSS-Themes/navigations/v-scroll/bootstrap4.scss CHANGED Viewed

@@ -270,13 +270,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -289,14 +282,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -304,11 +289,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -316,12 +296,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }

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

@@ -270,13 +270,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -289,14 +282,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -304,11 +289,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -316,12 +296,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }
@@ -366,12 +340,12 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
     }
     .e-nav-up-arrow::before {
-      content: '\e7dd';
+      content: '\e776';
       line-height: normal;
     }
     .e-nav-down-arrow::before {
-      content: '\e734';
+      content: '\e729';
       line-height: normal;
     }
   }

package/SCSS-Themes/navigations/v-scroll/bootstrap5.scss CHANGED Viewed

@@ -270,13 +270,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -289,14 +282,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -304,11 +289,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -316,12 +296,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }
@@ -366,12 +340,12 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
     }
     .e-nav-up-arrow::before {
-      content: '\e7dd';
+      content: '\e776';
       line-height: normal;
     }
     .e-nav-down-arrow::before {
-      content: '\e734';
+      content: '\e729';
       line-height: normal;
     }
   }

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

@@ -273,13 +273,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -292,14 +285,6 @@ $vscroll-device-arrow-width: 52px !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -307,11 +292,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -319,12 +299,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }
@@ -369,12 +343,12 @@ $vscroll-device-arrow-width: 52px !default;
     }
     .e-nav-up-arrow::before {
-      content: '\e910';
+      content: '\e85e';
       line-height: normal;
     }
     .e-nav-down-arrow::before {
-      content: '\e916';
+      content: '\e84f';
       line-height: normal;
     }
   }

package/SCSS-Themes/navigations/v-scroll/fabric.scss CHANGED Viewed

@@ -271,13 +271,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -290,14 +283,6 @@ $vscroll-device-arrow-width: 52px !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -305,11 +290,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -317,12 +297,6 @@ $vscroll-device-arrow-width: 52px !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }
@@ -367,12 +341,12 @@ $vscroll-device-arrow-width: 52px !default;
     }
     .e-nav-up-arrow::before {
-      content: '\e910';
+      content: '\e85e';
       line-height: normal;
     }
     .e-nav-down-arrow::before {
-      content: '\e916';
+      content: '\e84f';
       line-height: normal;
     }
   }

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

@@ -270,13 +270,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-hover-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
         }
       }
     }
@@ -289,14 +282,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           background: $vscroll-hover-bg;
           border: $vscroll-hover-border;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-            &:active {
-              border: 0;
-            }
-          }
         }
         &:focus {
@@ -304,11 +289,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-focus-border;
           border-color: $vscroll-hover-border-color;
           color: $vscroll-hover-font;
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
         }
         &:active {
@@ -316,12 +296,6 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
           border: $vscroll-active-border;
           box-shadow: $vscroll-active-box-shadow;
           color: $vscroll-active-font-color;
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
         }
       }
     }
@@ -366,12 +340,12 @@ $vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
     }
     .e-nav-up-arrow::before {
-      content: '\e7dd';
+      content: '\e776';
       line-height: normal;
     }
     .e-nav-down-arrow::before {
-      content: '\e734';
+      content: '\e729';
       line-height: normal;
     }
   }