npm - @syncfusion/blazor-themes - Versions diffs - 28.2.4 → 28.2.6 - Mend

@syncfusion/blazor-themes 28.2.4 → 28.2.6

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

package/SCSS-Themes/inputs/input/fabric-lite.scss CHANGED Viewed

@@ -6024,6 +6024,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fabric.scss CHANGED Viewed

@@ -6024,6 +6024,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent-dark-lite.scss CHANGED Viewed

@@ -6051,6 +6051,29 @@ $float-label-rtl-value: -10px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

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

@@ -6051,6 +6051,29 @@ $float-label-rtl-value: -10px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent-lite.scss CHANGED Viewed

@@ -6051,6 +6051,29 @@ $float-label-rtl-value: -10px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent.scss CHANGED Viewed

@@ -6051,6 +6051,29 @@ $float-label-rtl-value: -10px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2-dark-lite.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2-dark.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2-highcontrast.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2-lite.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/fluent2.scss CHANGED Viewed

@@ -6482,6 +6482,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/highcontrast-lite.scss CHANGED Viewed

@@ -6025,6 +6025,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/highcontrast.scss CHANGED Viewed

@@ -6025,6 +6025,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material-dark-lite.scss CHANGED Viewed

@@ -6286,6 +6286,29 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

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

@@ -6286,6 +6286,29 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material-lite.scss CHANGED Viewed

@@ -6286,6 +6286,29 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material.scss CHANGED Viewed

@@ -6286,6 +6286,29 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material3-dark-lite.scss CHANGED Viewed

@@ -6255,6 +6255,29 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material3-dark.scss CHANGED Viewed

@@ -6255,6 +6255,29 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material3-lite.scss CHANGED Viewed

@@ -6255,6 +6255,29 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/SCSS-Themes/inputs/input/material3.scss CHANGED Viewed

@@ -6255,6 +6255,29 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }