npm - @syncfusion/blazor-themes - Versions diffs - 22.2.12 → 23.1.38 - Mend

@syncfusion/blazor-themes 22.2.12 → 23.1.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 (381) hide show

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

@@ -732,6 +732,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -737,6 +737,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -740,6 +740,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -738,6 +738,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -738,6 +738,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -735,6 +735,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -740,6 +740,7 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -737,6 +737,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -737,6 +737,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -762,6 +762,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -738,6 +738,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -734,6 +734,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -737,6 +737,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -737,6 +737,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -736,6 +736,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -736,6 +736,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           border: $acrdn-item-exp-not-selected-hdr-focus-border;
         }
       }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
         &:focus {

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

@@ -858,7 +858,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -938,7 +939,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -958,7 +960,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1058,6 +1061,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1080,6 +1084,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -859,7 +859,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -939,7 +940,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -959,7 +961,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1059,6 +1062,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1081,6 +1085,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -858,7 +858,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -938,7 +939,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -958,7 +960,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1058,6 +1061,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1080,6 +1084,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -861,7 +861,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -941,7 +942,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -961,7 +963,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1061,6 +1064,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1083,6 +1087,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -861,7 +861,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -941,7 +942,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -961,7 +963,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1061,6 +1064,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1083,6 +1087,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -858,7 +858,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -938,7 +939,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -958,7 +960,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1058,6 +1061,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1080,6 +1084,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -858,7 +858,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -938,7 +939,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -958,7 +960,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1058,6 +1061,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1080,6 +1084,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -861,7 +861,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -941,7 +942,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -961,7 +963,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1061,6 +1064,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1083,6 +1087,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -861,7 +861,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -941,7 +942,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -961,7 +963,8 @@ $menu-caret-color: $cmenu-caret-color !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1061,6 +1064,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1083,6 +1087,7 @@ $menu-caret-color: $cmenu-caret-color !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -859,7 +859,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -939,7 +940,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -959,7 +961,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1059,6 +1062,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1081,6 +1085,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }

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

@@ -858,7 +858,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             color: $menu-selected-color;
             outline: $menu-li-selected-outline;
             outline-offset: $menu-li-selected-outline-offset;
@@ -938,7 +939,8 @@ $menu-header-icon-padding: 0 16px !default;
             }
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @if $skin-name == 'bootstrap4' {
               & .e-caret {
                 color: $menu-icon-focussed-color;
@@ -958,7 +960,8 @@ $menu-header-icon-padding: 0 16px !default;
             @include focused-color;
           }
-          &.e-selected {
+          &.e-selected,
+          &.e-active-item {
             @include selected-color;
           }
@@ -1058,6 +1061,7 @@ $menu-header-icon-padding: 0 16px !default;
       }
       & .e-menu .e-menu-item.e-selected,
+      & .e-menu .e-menu-item.e-active-item,
       & .e-menu .e-menu-item.e-focused {
         background: rgba(transparent, .056);
         color: inherit;
@@ -1080,6 +1084,7 @@ $menu-header-icon-padding: 0 16px !default;
       @if $skin-name == 'bootstrap4' {
         & .e-selected .e-caret,
+        & .e-active-item .e-caret,
         & .e-caret {
           color: $submenu-color;
         }