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/pivotview/pivotfieldlist/fluent2-dark.scss CHANGED Viewed

@@ -187,7 +187,7 @@ $field-list-default-header-font-color: $content-text-color-alt1 !default;
 $field-list-tree-icon-color: $icon-color !default;
 $field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
 $field-list-button-icon-color: $icon-color !default;
-$field-list-icon-hover-color: $icon-color !default;
+$field-list-icon-hover-color: $icon-color-hover !default;
 $field-list-toggle-font-color: $icon-color !default;
 $error-font-color: $danger !default;
 $format-label-font-color: $content-text-color-alt2 !default;
@@ -714,6 +714,12 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -725,6 +731,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -789,6 +804,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1156,7 +1176,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2698,6 +2722,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2978,6 +3006,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3956,6 +3988,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4057,6 +4094,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }
@@ -4437,7 +4478,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
     }
     .e-pv-filtered::before {
-      color: $primary-dark;
       content: '\e735';
     }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent2.scss CHANGED Viewed

@@ -187,7 +187,7 @@ $field-list-default-header-font-color: $content-text-color-alt1 !default;
 $field-list-tree-icon-color: $icon-color !default;
 $field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
 $field-list-button-icon-color: $icon-color !default;
-$field-list-icon-hover-color: $icon-color !default;
+$field-list-icon-hover-color: $icon-color-hover !default;
 $field-list-toggle-font-color: $icon-color !default;
 $error-font-color: $danger !default;
 $format-label-font-color: $content-text-color-alt2 !default;
@@ -714,6 +714,12 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -725,6 +731,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -789,6 +804,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1156,7 +1176,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2698,6 +2722,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2978,6 +3006,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3956,6 +3988,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4057,6 +4094,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }
@@ -4437,7 +4478,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
     }
     .e-pv-filtered::before {
-      color: $primary-dark;
       content: '\e735';
     }

package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss CHANGED Viewed

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -724,6 +730,15 @@ $field-list-adaptive-outerdiv-height: 164px !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -788,6 +803,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1155,7 +1175,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2697,6 +2721,10 @@ $field-list-adaptive-outerdiv-height: 164px !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2977,6 +3005,10 @@ $field-list-adaptive-outerdiv-height: 164px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3955,6 +3987,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4056,6 +4093,10 @@ $field-list-adaptive-outerdiv-height: 164px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss CHANGED Viewed

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -724,6 +730,15 @@ $field-list-adaptive-outerdiv-height: 165px !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -788,6 +803,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1155,7 +1175,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2697,6 +2721,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2977,6 +3005,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3955,6 +3987,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4056,6 +4093,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

package/SCSS-Themes/pivotview/pivotfieldlist/material.scss CHANGED Viewed

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -724,6 +730,15 @@ $field-list-adaptive-outerdiv-height: 165px !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -788,6 +803,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1155,7 +1175,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2697,6 +2721,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2977,6 +3005,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3955,6 +3987,11 @@ $field-list-adaptive-outerdiv-height: 165px !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4056,6 +4093,10 @@ $field-list-adaptive-outerdiv-height: 165px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss CHANGED Viewed

@@ -720,6 +720,12 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -731,6 +737,15 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -795,6 +810,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1162,7 +1182,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2704,6 +2728,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2984,6 +3012,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3962,6 +3994,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4063,6 +4100,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss CHANGED Viewed

@@ -720,6 +720,12 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -731,6 +737,15 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
           float: right !important;
           margin: 0 12px 0 0;
           /* stylelint-enable */
+          @if ($skin-name == 'fluent2') {
+            &:hover {
+              color: $field-list-icon-hover-color;
+            }
+            &:active {
+              color: $field-list-icon-hover-color;
+            }
+          }
         }
       }
@@ -795,6 +810,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         margin-right: 4px;
         pointer-events: auto;
         width: 20px;
+        @if ($skin-name == 'fluent2') {
+          font-size: 16px;
+          margin-top: 3px;
+        }
       }
       @if ($skin-name == 'tailwind') {
         &.e-active {
@@ -1162,7 +1182,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2704,6 +2728,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
                 vertical-align: bottom;
                 width: 20px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 16px;
+                }
                 @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
                   margin-right: 4px;
                   padding-left: 8px;
@@ -2984,6 +3012,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3962,6 +3994,11 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
           margin-bottom: $field-list-treeview-drag-bigger-padding !important;
           margin-right: 4px !important;
           width: 24px !important;
+          @if ($skin-name =='fluent2') {
+            font-size: 20px !important;
+            margin-bottom: 5px !important;
+          }
         }
         .e-calc-measure-icon,
@@ -4063,6 +4100,10 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }