npm - @syncfusion/blazor-themes - Versions diffs - 20.4.44 → 20.4.49 - Mend

@syncfusion/blazor-themes 20.4.44 → 20.4.49

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

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

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -844,6 +844,12 @@ $pivotpager-single-size-title-padding: 4px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -939,20 +945,28 @@ $pivotpager-single-size-title-padding: 4px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1447,13 +1461,13 @@ $pivotpager-single-size-title-padding: 4px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -841,6 +841,12 @@ $pivotpager-single-size-title-padding: 4px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -936,20 +942,28 @@ $pivotpager-single-size-title-padding: 4px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1444,13 +1458,13 @@ $pivotpager-single-size-title-padding: 4px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -840,6 +840,12 @@ $pivotpager-single-size-title-padding: 4px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -935,20 +941,28 @@ $pivotpager-single-size-title-padding: 4px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1443,13 +1457,13 @@ $pivotpager-single-size-title-padding: 4px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -848,6 +848,12 @@ $pivotpager-single-size-title-padding: 14px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -943,20 +949,28 @@ $pivotpager-single-size-title-padding: 14px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1451,13 +1465,13 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -844,6 +844,12 @@ $pivotpager-single-size-title-padding: 14px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -939,20 +945,28 @@ $pivotpager-single-size-title-padding: 14px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1447,13 +1461,13 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss CHANGED Viewed

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }