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/bootstrap4.scss CHANGED Viewed

@@ -712,6 +712,12 @@ $field-list-adaptive-outerdiv-height: 177px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -723,6 +729,15 @@ $field-list-adaptive-outerdiv-height: 177px !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;
+            }
+          }
         }
       }
@@ -787,6 +802,11 @@ $field-list-adaptive-outerdiv-height: 177px !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 {
@@ -1154,7 +1174,11 @@ $field-list-adaptive-outerdiv-height: 177px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2696,6 +2720,10 @@ $field-list-adaptive-outerdiv-height: 177px !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;
@@ -2976,6 +3004,10 @@ $field-list-adaptive-outerdiv-height: 177px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3954,6 +3986,11 @@ $field-list-adaptive-outerdiv-height: 177px !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,
@@ -4055,6 +4092,10 @@ $field-list-adaptive-outerdiv-height: 177px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !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: 187px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -716,6 +716,12 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -727,6 +733,15 @@ $olap-bigger-tree-outer-div-width: 325px !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;
+            }
+          }
         }
       }
@@ -791,6 +806,11 @@ $olap-bigger-tree-outer-div-width: 325px !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 {
@@ -1158,7 +1178,11 @@ $olap-bigger-tree-outer-div-width: 325px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2700,6 +2724,10 @@ $olap-bigger-tree-outer-div-width: 325px !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;
@@ -2980,6 +3008,10 @@ $olap-bigger-tree-outer-div-width: 325px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3958,6 +3990,11 @@ $olap-bigger-tree-outer-div-width: 325px !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,
@@ -4059,6 +4096,10 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -712,6 +712,12 @@ $field-list-adaptive-outerdiv-height: 166px !default;
         &:not(.e-active) {
           .e-list-icon {
             color: $field-list-tree-icon-color;
+            @if ($skin-name == 'fluent2') {
+              &:hover {
+                color: $field-list-icon-hover-color;
+              }
+            }
           }
         }
@@ -723,6 +729,15 @@ $field-list-adaptive-outerdiv-height: 166px !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;
+            }
+          }
         }
       }
@@ -787,6 +802,11 @@ $field-list-adaptive-outerdiv-height: 166px !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 {
@@ -1154,7 +1174,11 @@ $field-list-adaptive-outerdiv-height: 166px !default;
             position: relative;
             top: 3px;
           }
+          @if ($skin-name == 'fluent2') {
+            font-size: 20px;
+          }
           @if ($skin-name == 'tailwind') {
             position: relative;
             top: 1px;
@@ -2696,6 +2720,10 @@ $field-list-adaptive-outerdiv-height: 166px !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;
@@ -2976,6 +3004,10 @@ $field-list-adaptive-outerdiv-height: 166px !default;
                   height: 20px;
                   width: 20px;
+                  @if ($skin-name =='fluent2') {
+                    font-size: 16px;
+                  }
                   &.e-disable-drag {
                     cursor: not-allowed;
                     opacity: .4;
@@ -3954,6 +3986,11 @@ $field-list-adaptive-outerdiv-height: 166px !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,
@@ -4055,6 +4092,10 @@ $field-list-adaptive-outerdiv-height: 166px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }

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

@@ -713,6 +713,12 @@ $field-list-adaptive-outerdiv-height: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !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: 125px !default;
               .e-drag {
                 font-size: $field-list-bigger-icon-size;
                 width: 24px;
+                @if ($skin-name =='fluent2') {
+                  font-size: 20px;
+                }
               }
             }
           }