@syncfusion/ej2-inputs 19.3.57 → 19.4.43

package/styles/signature/material-dark.scss

@@ -0,0 +1,3 @@
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/material.css

@@ -0,0 +1,10 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #e0e0e0;
+}

package/styles/signature/material.scss

@@ -0,0 +1,3 @@
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/signature/tailwind-dark.css

@@ -0,0 +1,10 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #4b5563;
+}

package/styles/signature/tailwind-dark.scss

@@ -0,0 +1,3 @@
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/tailwind.css

@@ -0,0 +1,10 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #e5e7eb;
+}

package/styles/signature/tailwind.scss

@@ -0,0 +1,3 @@
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/slider/_bootstrap5-definition.scss

@@ -23,7 +23,8 @@ $slider-vertical-width: 4px !default;
 $slider-border-radius-handle: 10px !default;
 $slider-scale-font-family: $font-family !default;
 $slider-scale-font-size: $text-xs !default;
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AztTa/whsA3yqMpmsAAAAAElFTkSuQmCC');
+$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC');
 $slider-disabled-handle-show: none !default;
 $slider-button-shadow: $shadow-sm !default;
 $slider-button-horizon-padding: 0 28px !default;
@@ -43,7 +44,6 @@ $slider-handle-hover-cursor: pointer !default;
 $slider-scale-top: 16px !default;
 $slider-tab-border: 1px solid $content-bg-color !default;
 $slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
-$slider-small-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
 $slider-limit-bar-horizontal-height: 6px !default;
 $slider-limit-bar-top: calc(50% - 3px) !default;
 $slider-limit-bar-vertical-width: 6px !default;

package/styles/slider/_fluent-definition.scss

@@ -0,0 +1,94 @@
+// layout variables
+$slider-height: 4px !default;
+$slider-handle-height: 12px !default;
+$slider-handle-width: 12px !default;
+$slider-handle-border-radius: 50% !default;
+$slider-handle-top: -7px !default;
+$slider-h-handle-margin: 0 !default;
+$rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
+$slider-v-handle-margin: -6px !default;
+$rtl-slider-v-handle-margin: 0 !default;
+$slider-container-height: 6px !default;
+$slider-handle-box-shadow: $shadow !default;
+$slider-tooltip-padding: 2px 4px !default;
+$tick-after-height: 6px !default;
+$tick-after-top: -10px !default;
+$largetick-before-top: -10px !default;
+$largetick-before-height: 10px !default;
+$largetick-after-height: 10px !default;
+$largetick-after-top: 5px !default;
+$tick-before-height: 6px !default;
+$tick-before-top: 1px !default;
+$slider-vertical-width: 4px !default;
+$slider-border-radius-handle: 10px !default;
+$slider-scale-font-family: $font-family !default;
+$slider-scale-font-size: $text-xs !default;
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
+$slider-disabled-handle-show: none !default;
+$slider-button-shadow: $shadow-sm !default;
+$slider-button-horizon-padding: 0 28px !default;
+$slider-button-vertical-padding: 28px 0 !default;
+$tick-after-left: 5px !default;
+$largetick-before-left: 1px !default;
+$tick-before-left: 17px !default;
+$largetick-after-left: 17px !default;
+$slider-wrap-height: 26px !default;
+$slider-center-align: -5px !default;
+$slider-btn-center-align: -10px !default;
+$slider-range-height: $slider-container-height !default;
+$slider-range-width: $slider-vertical-width !default;
+$slider-range-border-radius: 4px !default;
+$slider-cursor: pointer !default;
+$slider-handle-hover-cursor: pointer !default;
+$slider-scale-top: 16px !default;
+$slider-tab-border: 1px solid $content-bg-color !default;
+$slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
+$slider-small-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
+$slider-limit-bar-horizontal-height: 6px !default;
+$slider-limit-bar-top: calc(50% - 3px) !default;
+$slider-limit-bar-vertical-width: 6px !default;
+$slider-limit-bar-left: calc(50% - 3px) !default;
+$slider-button-hleft-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=');
+$slider-button-hright-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==');
+$slider-button-vdown-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////Ss6t3AAAANnRSTlMABAwQFBgcICQoLDA0OEBESExcYGRobHR8gIOHi4+Tl5ujq7O3u7/Dx8vP09fb3+Pn6+/z9/vRpbpFAAABHklEQVR4Ae3TW1PCMBAF4LOFgsj9ooCichcFoVBy/v9P0xGndktS8uT4wPeYmZPZnZPgf7h6EMCfjMF5Ad7CFUFuKvBUj0iQjNvw0jM8BcghLpMXMglwFuCCcMl0gJsb5KrtqAM8tJCje2Q2QDOAizwxAf6aBrAqLmgPcF2GRXVLV4D7Js50YqbBMM30ockjlRiNiMpELVKYU9lWgdIblfcSErcfVBZFfAkmVKIGfrRjKiPBST+zyB2+DakcO0g091TGAgRTKrsaUsprKq9h9mQZQjm7b0/lWZA1MHQyPVi0DnSI6rCqbGi1CuEQzGgxFrgNmWXu4WYp99BAPv18dFsOhblqy4OMdFt51Cc7duGttvMYXwmXHuMrIrj6Q58aX4DtQxE2xQAAAABJRU5ErkJggg==');
+$slider-button-vup-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==');
+
+$slider-handle-mobile-height: 16px !default;
+$slider-handle-mobile-width: 16px !default;
+$slider-handle-mobile-margin-left: -8px !default;
+$slider-handle-mobile-handle-top: calc(50% - 8px) !default;
+$slider-handle-mobile-top: -7px !default;
+$slider-h-handle-mobile-margin: 0 !default;
+$rtl-slider-h-handle-mobile-margin: 0 !default;
+$slider-v-handle-mobile-margin: 0 !default;
+$rtl-slider-v-handle-mobile-margin: 0 !default;
+$slider-mobile-scale-font-size: $text-sm !default;
+$tick-after-mobile-height: 8px !default;
+$tick-after-mobile-left: 18px !default;
+$tick-before-mobile-left: 2px !default;
+$largetick-before-mobile-height: 12px !default;
+$largetick-before-mobile-left: -2px !default;
+$tick-before-mobile-top: -12px !default;
+$largetick-after-mobile-top: 8px !default;
+$tick-after-mobile-top: 4px !default;
+
+//color variables
+$slider-button-icon-color: $icon-color !default;
+$slider-range-bar-color: $border !default;
+$slider-range-bar-hover-color: $primary !default;
+$slider-track-color: $border-dark !default;
+$slider-button-bg-color: $secondary-bg-color !default;
+$slider-button-icon-bg-color: $secondary-text-color !default;
+$slider-normal-handle-border-color: $border !default;
+$slider-handle-bg-color: $content-bg-color !default;
+$slider-hover-color: $primary-light !default;
+$slider-handle-hover-border-color: $primary !default;
+$slider-handle-start-border-color: $content-bg-color-alt2 !default;
+$slider-button-border-color: $secondary-border-color !default;
+$slider-tab-background: $primary-bg-color-hover !default;
+$slider-tab-range-color: $primary !default;
+$slider-tab-track-color: $content-bg-color-alt2 !default;
+$slider-limit-bar-color: $overlay-bg-color !default;
+$slider-tick-font-color: $content-text-color-alt1 !default;
+$slider-hover-handle-color: $content-bg-color !default;
+$slider-hover-handle-border-color: $primary !default;

package/styles/slider/_layout.scss

@@ -1953,7 +1953,12 @@
       }
 
       .e-tick {
-        background-image: $slider-scale-tick-image;
+        @if ($theme-name == 'bootstrap5-dark' or $theme-name == 'tailwind-dark') {
+          background-image: $slider-scale-tick-image-dark;
+        }
+        @else {
+          background-image: $slider-scale-tick-image;
+        }
         cursor: $slider-cursor;
         outline: none;
         position: relative;
@@ -1962,7 +1967,7 @@
           background-position: center center;
         }
 
-        @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
+        @if ($skin-name == 'bootstrap4') {
           &.e-large {
             background-image: $slider-small-scale-tick-image;
           }

package/styles/slider/_tailwind-definition.scss

@@ -24,7 +24,8 @@ $slider-vertical-width: 4px !default;
 $slider-border-radius-handle: 10px !default;
 $slider-scale-font-family: $font-family !default;
 $slider-scale-font-size: $text-xs !default;
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC');
+$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC');
 $slider-disabled-handle-show: none !default;
 $slider-button-shadow: $shadow-sm !default;
 $slider-button-horizon-padding: 0 28px !default;
@@ -44,7 +45,6 @@ $slider-handle-hover-cursor: pointer !default;
 $slider-scale-top: 12px !default;
 $slider-tab-border: 1px solid $white !default;
 $slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
-$slider-small-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
 $slider-limit-bar-horizontal-height: 4px !default;
 $slider-limit-bar-top: calc(50% - 4px) !default;
 $slider-limit-bar-vertical-width: 4px !default;

package/styles/slider/bootstrap5-dark.css

@@ -602,7 +602,7 @@
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -612,10 +612,6 @@
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #e9ecef;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

package/styles/slider/bootstrap5.css

@@ -602,7 +602,7 @@
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AztTa/whsA3yqMpmsAAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -612,10 +612,6 @@
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #343a40;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

package/styles/slider/tailwind-dark.css

@@ -578,7 +578,7 @@
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -588,10 +588,6 @@
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #d1d5db;
   font-family: "Inter";

package/styles/slider/tailwind.css

@@ -578,7 +578,7 @@
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -588,10 +588,6 @@
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #374151;
   font-family: "Inter";

package/styles/tailwind-dark.css

@@ -5,6 +5,17 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #4b5563;
+}
+
 .e-float-input .e-clear-icon::before,
 .e-float-input.e-control-wrapper .e-clear-icon::before {
   content: '\e771';
@@ -528,6 +539,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 20px;
@@ -1503,6 +1516,8 @@ label.e-float-text,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   margin-bottom: 0;
@@ -3460,7 +3475,12 @@ textarea.e-input,
 .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-bigger .e-input-group.e-input-focus textarea,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-bigger:focus,
+.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
   line-height: 1.5;
   min-height: 36px;
@@ -3473,13 +3493,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-small textarea,
 .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-bigger,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger,
 .e-small .e-input-group textarea,
 .e-small .e-input-group textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input,
 .e-float-input.e-small textarea,
 .e-float-input textarea.e-small,
 .e-float-input.e-control-wrapper.e-small textarea,
@@ -3498,11 +3513,8 @@ textarea.e-input,
 .e-input-group.e-input-focus textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-small .e-input-group.e-input-focus textarea,
-.e-small .e-input-group.e-input-focus textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-small .e-input-group.e-input-focus textarea.e-input {
   font: inherit;
   min-height: 26px;
   padding: 4px 8px 4px 8px;
@@ -3514,13 +3526,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small:focus,
 .e-input-group.e-control-wrapper.e-small textarea:focus,
 .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper textarea.e-bigger:focus,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
 .e-small .e-input-group textarea:focus,
 .e-small .e-input-group textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-float-input.e-small textarea:focus,
 .e-float-input textarea.e-small:focus,
 .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3576,7 +3583,8 @@ textarea.e-input,
 .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
 .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
-.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
   line-height: 1.5;
   min-height: 32px;
@@ -5181,7 +5189,7 @@ input.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -5191,10 +5199,6 @@ input.e-input::-webkit-input-placeholder {
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #d1d5db;
   font-family: "Inter";
@@ -7358,6 +7362,26 @@ body.e-colorpicker-overflow {
   color: #6b7280;
 }
 
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
+.e-colorpicker-container .e-icon-btn:disabled,
+.e-colorpicker-container .e-icon-btn.e-disabled {
+  background-color: transparent;
+  box-shadow: none;
+  color: #1f2937;
+}
+
+.e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
+.e-colorpicker-container .e-icon-btn:disabled:focus,
+.e-colorpicker-container .e-icon-btn:disabled:hover,
+.e-colorpicker-container .e-icon-btn:disabled:active,
+.e-colorpicker-container .e-icon-btn.e-disabled:focus,
+.e-colorpicker-container .e-icon-btn.e-disabled:hover,
+.e-colorpicker-container .e-icon-btn.e-disabled:active {
+  background-color: transparent;
+  box-shadow: none;
+  color: #1f2937;
+}
+
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
   background-color: #fff;
   border-color: #fff;

package/styles/tailwind-dark.scss

@@ -1,3 +1,4 @@
+@import 'signature/tailwind-dark.scss';
 @import 'input/tailwind-dark.scss';
 @import 'numerictextbox/tailwind-dark.scss';
 @import 'maskedtextbox/tailwind-dark.scss';

package/styles/tailwind.css

@@ -5,6 +5,17 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #e5e7eb;
+}
+
 .e-float-input .e-clear-icon::before,
 .e-float-input.e-control-wrapper .e-clear-icon::before {
   content: '\e771';
@@ -528,6 +539,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 20px;
@@ -1503,6 +1516,8 @@ label.e-float-text,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   margin-bottom: 0;
@@ -3460,7 +3475,12 @@ textarea.e-input,
 .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-bigger .e-input-group.e-input-focus textarea,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-bigger:focus,
+.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
   line-height: 1.5;
   min-height: 36px;
@@ -3473,13 +3493,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-small textarea,
 .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-bigger,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger,
 .e-small .e-input-group textarea,
 .e-small .e-input-group textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input,
 .e-float-input.e-small textarea,
 .e-float-input textarea.e-small,
 .e-float-input.e-control-wrapper.e-small textarea,
@@ -3498,11 +3513,8 @@ textarea.e-input,
 .e-input-group.e-input-focus textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-small .e-input-group.e-input-focus textarea,
-.e-small .e-input-group.e-input-focus textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-small .e-input-group.e-input-focus textarea.e-input {
   font: inherit;
   min-height: 26px;
   padding: 4px 8px 4px 8px;
@@ -3514,13 +3526,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small:focus,
 .e-input-group.e-control-wrapper.e-small textarea:focus,
 .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper textarea.e-bigger:focus,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
 .e-small .e-input-group textarea:focus,
 .e-small .e-input-group textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-float-input.e-small textarea:focus,
 .e-float-input textarea.e-small:focus,
 .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3576,7 +3583,8 @@ textarea.e-input,
 .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
 .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
-.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
   line-height: 1.5;
   min-height: 32px;
@@ -5181,7 +5189,7 @@ input.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC");
   cursor: pointer;
   outline: none;
   position: relative;
@@ -5191,10 +5199,6 @@ input.e-input::-webkit-input-placeholder {
   background-position: center center;
 }
 
-.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
-}
-
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #374151;
   font-family: "Inter";
@@ -7358,6 +7362,26 @@ body.e-colorpicker-overflow {
   color: #9ca3af;
 }
 
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
+.e-colorpicker-container .e-icon-btn:disabled,
+.e-colorpicker-container .e-icon-btn.e-disabled {
+  background-color: transparent;
+  box-shadow: none;
+  color: #fff;
+}
+
+.e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
+.e-colorpicker-container .e-icon-btn:disabled:focus,
+.e-colorpicker-container .e-icon-btn:disabled:hover,
+.e-colorpicker-container .e-icon-btn:disabled:active,
+.e-colorpicker-container .e-icon-btn.e-disabled:focus,
+.e-colorpicker-container .e-icon-btn.e-disabled:hover,
+.e-colorpicker-container .e-icon-btn.e-disabled:active {
+  background-color: transparent;
+  box-shadow: none;
+  color: #fff;
+}
+
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
   background-color: #fff;
   border-color: #fff;

package/styles/tailwind.scss

@@ -1,3 +1,4 @@
+@import 'signature/tailwind.scss';
 @import 'input/tailwind.scss';
 @import 'numerictextbox/tailwind.scss';
 @import 'maskedtextbox/tailwind.scss';