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

@syncfusion/blazor-themes 20.4.44 → 20.4.48

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

package/SCSS-Themes/image-editor/image-editor/fluent.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/image-editor/image-editor/highcontrast.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $bg-base-0 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/image-editor/image-editor/material-dark.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $grey-900 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/image-editor/image-editor/material.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $grey-50 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/image-editor/image-editor/tailwind.scss CHANGED Viewed

@@ -228,6 +228,12 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/inputs/color-picker/bootstrap-dark.scss CHANGED Viewed

@@ -885,12 +885,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.699% - 2.9px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/bootstrap.scss CHANGED Viewed

@@ -882,12 +882,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.699% - 2.9px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/bootstrap4.scss CHANGED Viewed

@@ -881,12 +881,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.699% - 2.9px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/bootstrap5-dark.scss CHANGED Viewed

@@ -887,12 +887,26 @@ $cpicker-split-btn-border: 1px solid $border !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/bootstrap5.scss CHANGED Viewed

@@ -887,12 +887,26 @@ $cpicker-split-btn-border: 1px solid $border !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/fabric-dark.scss CHANGED Viewed

@@ -885,12 +885,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.66% - 4px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/fabric.scss CHANGED Viewed

@@ -881,12 +881,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.66% - 4px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/fluent-dark.scss CHANGED Viewed

@@ -887,12 +887,26 @@ $cpicker-split-btn-border: 1px solid $border !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/fluent.scss CHANGED Viewed

@@ -887,12 +887,26 @@ $cpicker-split-btn-border: 1px solid $border !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/highcontrast.scss CHANGED Viewed

@@ -881,12 +881,26 @@ $cpicker-blazor-bigger-input-margin: calc(1.67% - 2.7px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/material-dark.scss CHANGED Viewed

@@ -889,12 +889,26 @@ $cpicker-blazor-bigger-input-margin: calc(3.425% - 2.28px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/material.scss CHANGED Viewed

@@ -884,12 +884,26 @@ $cpicker-blazor-bigger-input-margin: calc(3.425% - 2.38px) !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/tailwind-dark.scss CHANGED Viewed

@@ -886,12 +886,26 @@ $cpicker-handler-tooltip-color: $white !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {

package/SCSS-Themes/inputs/color-picker/tailwind.scss CHANGED Viewed

@@ -886,12 +886,26 @@ $cpicker-handler-tooltip-color: $white !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {