npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.39 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.39

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

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

@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -752,9 +752,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -764,6 +770,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -870,9 +882,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -745,9 +745,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -757,6 +763,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -863,9 +875,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -745,9 +745,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -757,6 +763,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -863,9 +875,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -748,9 +748,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -760,6 +766,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -866,9 +878,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -748,9 +748,15 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -760,6 +766,12 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -866,9 +878,21 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -745,9 +745,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -757,6 +763,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -863,9 +875,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -745,9 +745,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -757,6 +763,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -863,9 +875,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -128,7 +128,7 @@ $acrdn-item-header-hover-border-color: initial !default;
 $acrdn-item-header-active-border: 0 !default;
 $acrdn-item-header-active-border-color: initial !default;
 $acrdn-item-header-focus-border: 0 !default;
-$acrdn-item-header-focus-box-shadow: $shadow-focus-ring1 !default;
+$acrdn-item-header-focus-box-shadow: $keyboard-focus !default;
 $acrdn-item-header-focus-bg: $acrdn-bg-color !default;
 $acrdn-item-header-focus-active-color: $content-text-color !default;
 $acrdn-item-select-exp-hdr-hover-color: $content-text-color !default;
@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -128,7 +128,7 @@ $acrdn-item-header-hover-border-color: initial !default;
 $acrdn-item-header-active-border: 0 !default;
 $acrdn-item-header-active-border-color: initial !default;
 $acrdn-item-header-focus-border: 0 !default;
-$acrdn-item-header-focus-box-shadow: $shadow-focus-ring1 !default;
+$acrdn-item-header-focus-box-shadow: $keyboard-focus !default;
 $acrdn-item-header-focus-bg: $acrdn-bg-color !default;
 $acrdn-item-header-focus-active-color: $content-text-color !default;
 $acrdn-item-select-exp-hdr-hover-color: $content-text-color !default;
@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -770,9 +770,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -782,6 +788,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -888,9 +900,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }

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

@@ -748,9 +748,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
           &:active {
             .e-icons,
@@ -760,6 +766,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
       &.e-select {
@@ -866,9 +878,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }