npm - @syncfusion/blazor-themes - Versions diffs - 26.1.42 → 26.2.4 - Mend

@syncfusion/blazor-themes 26.1.42 → 26.2.4

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

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

@@ -3520,7 +3520,11 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
   .e-input-group.e-input-focus input.e-input,
   .e-input-group.e-control-wrapper.e-input-focus input.e-input,
   .e-float-input.e-control-wrapper.e-input-focus input,
-  .e-float-input.e-input-focus input,
+  .e-float-input.e-input-focus input {
+    padding-left: $input-text-indent;
+    text-indent: 0;
+  }
   textarea.e-input#{$css},
   .e-input-group textarea.e-input,
   .e-input-group textarea,
@@ -3534,7 +3538,12 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
   .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-float-input.e-control-wrapper textarea:focus,
   .e-float-input textarea:focus {
-    padding-left: $input-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding-left: 12px;
+    }
+    @else {
+      padding-left: $input-text-indent;
+    }
     text-indent: 0;
   }
@@ -3861,7 +3870,12 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
   .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-bigger .e-float-input.e-control-wrapper textarea:focus,
   .e-bigger .e-float-input textarea:focus {
-    padding-left: $input-bigger-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding: $textarea-bigger-padding;
+    }
+    @else {
+      padding-left: $input-bigger-text-indent;
+    }
     text-indent: 0;
   }
@@ -4761,18 +4775,18 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     }
   }
-  .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+  .e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       border-bottom-width: $input-group-border-width-hover;
     }
@@ -11927,7 +11941,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     border-color: $input-box-border-color;
   }
-  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-textarea) {
     @if $input-skin-name == 'fluent2' {
       padding-bottom: 0;
     }
@@ -11962,6 +11976,20 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     }
   }
+  textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      border-bottom-color: $input-active-border-color;
+      padding-bottom: 4px;
+      border-bottom-width: 0;
+    }
+  }
+  .e-bigger textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      padding-bottom: 6px;
+    }
+  }
   .e-input-group .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error),
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus,
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
@@ -12077,15 +12105,11 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     @if $input-skin-name == 'bootstrap4'  {
       transition: $input-transition-shadow;
     }
-    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
+    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI'  {
       border-color: $input-group-border-color-focus;
       border-radius: $input-groupo-focus-border-radius;
       box-shadow: $input-group-focus-box-shadow;
     }
-    @if $input-skin-name == 'FluentUI' {
-      border-radius: $input-groupo-focus-border-radius;
-      border-width: 2px;
-    }
   }
   .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,

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

@@ -3312,7 +3312,11 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-input-group.e-input-focus input.e-input,
   .e-input-group.e-control-wrapper.e-input-focus input.e-input,
   .e-float-input.e-control-wrapper.e-input-focus input,
-  .e-float-input.e-input-focus input,
+  .e-float-input.e-input-focus input {
+    padding-left: $input-text-indent;
+    text-indent: 0;
+  }
   textarea.e-input#{$css},
   .e-input-group textarea.e-input,
   .e-input-group textarea,
@@ -3326,7 +3330,12 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-float-input.e-control-wrapper textarea:focus,
   .e-float-input textarea:focus {
-    padding-left: $input-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding-left: 12px;
+    }
+    @else {
+      padding-left: $input-text-indent;
+    }
     text-indent: 0;
   }
@@ -3653,7 +3662,12 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-bigger .e-float-input.e-control-wrapper textarea:focus,
   .e-bigger .e-float-input textarea:focus {
-    padding-left: $input-bigger-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding: $textarea-bigger-padding;
+    }
+    @else {
+      padding-left: $input-bigger-text-indent;
+    }
     text-indent: 0;
   }
@@ -4553,18 +4567,18 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     }
   }
-  .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+  .e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       border-bottom-width: $input-group-border-width-hover;
     }
@@ -11719,7 +11733,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     border-color: $input-box-border-color;
   }
-  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-textarea) {
     @if $input-skin-name == 'fluent2' {
       padding-bottom: 0;
     }
@@ -11754,6 +11768,20 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     }
   }
+  textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      border-bottom-color: $input-active-border-color;
+      padding-bottom: 4px;
+      border-bottom-width: 0;
+    }
+  }
+  .e-bigger textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      padding-bottom: 6px;
+    }
+  }
   .e-input-group .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error),
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus,
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
@@ -11869,15 +11897,11 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     @if $input-skin-name == 'bootstrap4'  {
       transition: $input-transition-shadow;
     }
-    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
+    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI'  {
       border-color: $input-group-border-color-focus;
       border-radius: $input-groupo-focus-border-radius;
       box-shadow: $input-group-focus-box-shadow;
     }
-    @if $input-skin-name == 'FluentUI' {
-      border-radius: $input-groupo-focus-border-radius;
-      border-width: 2px;
-    }
   }
   .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,

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

@@ -3312,7 +3312,11 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-input-group.e-input-focus input.e-input,
   .e-input-group.e-control-wrapper.e-input-focus input.e-input,
   .e-float-input.e-control-wrapper.e-input-focus input,
-  .e-float-input.e-input-focus input,
+  .e-float-input.e-input-focus input {
+    padding-left: $input-text-indent;
+    text-indent: 0;
+  }
   textarea.e-input#{$css},
   .e-input-group textarea.e-input,
   .e-input-group textarea,
@@ -3326,7 +3330,12 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-float-input.e-control-wrapper textarea:focus,
   .e-float-input textarea:focus {
-    padding-left: $input-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding-left: 12px;
+    }
+    @else {
+      padding-left: $input-text-indent;
+    }
     text-indent: 0;
   }
@@ -3653,7 +3662,12 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
   .e-bigger .e-float-input.e-control-wrapper textarea:focus,
   .e-bigger .e-float-input textarea:focus {
-    padding-left: $input-bigger-text-indent;
+    @if $input-skin-name == 'fluent2' {
+      padding: $textarea-bigger-padding;
+    }
+    @else {
+      padding-left: $input-bigger-text-indent;
+    }
     text-indent: 0;
   }
@@ -4553,18 +4567,18 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     }
   }
-  .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+  .e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       border-bottom-width: $input-group-border-width-hover;
     }
@@ -11719,7 +11733,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     border-color: $input-box-border-color;
   }
-  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+  .e-bigger .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-textarea) {
     @if $input-skin-name == 'fluent2' {
       padding-bottom: 0;
     }
@@ -11754,6 +11768,20 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     }
   }
+  textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      border-bottom-color: $input-active-border-color;
+      padding-bottom: 4px;
+      border-bottom-width: 0;
+    }
+  }
+  .e-bigger textarea.e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $input-skin-name == 'fluent2' {
+      padding-bottom: 6px;
+    }
+  }
   .e-input-group .e-input#{$css}:focus:not(.e-success):not(.e-warning):not(.e-error),
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus,
   .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
@@ -11869,15 +11897,11 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     @if $input-skin-name == 'bootstrap4'  {
       transition: $input-transition-shadow;
     }
-    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
+    @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI'  {
       border-color: $input-group-border-color-focus;
       border-radius: $input-groupo-focus-border-radius;
       box-shadow: $input-group-focus-box-shadow;
     }
-    @if $input-skin-name == 'FluentUI' {
-      border-radius: $input-groupo-focus-border-radius;
-      border-width: 2px;
-    }
   }
   .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: rgba(121, 116, 126, 1) !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

package/SCSS-Themes/inputs/otp-input/bds.scss CHANGED Viewed

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: rgba(121, 116, 126, 1) !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $grey-ad !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

package/SCSS-Themes/inputs/otp-input/bootstrap.scss CHANGED Viewed

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $grey-cc !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

package/SCSS-Themes/inputs/otp-input/bootstrap4.scss CHANGED Viewed

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $gray-400 !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

package/SCSS-Themes/inputs/otp-input/bootstrap5.scss CHANGED Viewed

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $neutral-light !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $neutral-light !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border-disabled !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border-disabled !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border-disabled !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $border-disabled !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $disable !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $grey-700 !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $grey-300 !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: rgba($border) !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: rgba($border) !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

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

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $content-bg-color-alt2 !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,

package/SCSS-Themes/inputs/otp-input/tailwind.scss CHANGED Viewed

@@ -228,7 +228,7 @@ $otp-input-disabled-border-color: $content-bg-color-alt2 !default;
     }
     &.e-outline {
       .e-otp-input-field {
-        border: 2px solid $otp-input-border-color;
+        border: 1px solid $otp-input-border-color;
       }
     }
     &.e-outline,