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

@syncfusion/blazor-themes 26.1.35 → 26.1.40

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

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

@@ -742,9 +742,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,
@@ -754,6 +760,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 {
@@ -860,9 +872,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/material3-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/material3.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/tailwind-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/tailwind.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/stepper/bds-dark.scss CHANGED Viewed

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

package/SCSS-Themes/navigations/stepper/bds.scss CHANGED Viewed

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $brand-primary-lighten-15 !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $brand-primary-darken-15 !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: darken($primary, 10%) !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -121,6 +121,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -121,6 +121,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $theme-dark !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $theme-dark !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-dark !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-dark !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $selection-bg !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: lighten($primary, 15%) !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: darken($primary, 15%) !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -120,6 +120,16 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         font-weight: $stepper-font-weight;
       }
     }
+    &.e-linear {
+      .e-step-container {
+        pointer-events: none;
+      }
+      .e-previous:not(.e-step-disabled),
+      .e-next:not(.e-step-disabled),
+      .e-step-selected:not(.e-step-disabled) {
+        pointer-events: auto;
+      }
+    }
     &.e-stepper-readonly,
     .e-step-disabled {
       cursor: default;

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

@@ -394,7 +394,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }

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

@@ -394,7 +394,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }

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

@@ -381,7 +381,7 @@ $ripple-width: 32px !default;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }

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

@@ -376,7 +376,7 @@ $ripple-width: 32px !default;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }

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

@@ -404,7 +404,7 @@ $ripple-width: 32px !default;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }