npm - @syncfusion/ej2-inputs - Versions diffs - 19.4.47 → 20.1.47 - Mend

@syncfusion/ej2-inputs 19.4.47 → 20.1.47

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

package/CHANGELOG.md +0 -14
package/README.md +16 -3
package/dist/ej2-inputs.umd.min.js +2 -2
package/dist/ej2-inputs.umd.min.js.map +1 -1
package/dist/es6/ej2-inputs.es2015.js +31 -37
package/dist/es6/ej2-inputs.es2015.js.map +1 -1
package/dist/es6/ej2-inputs.es5.js +31 -37
package/dist/es6/ej2-inputs.es5.js.map +1 -1
package/dist/global/ej2-inputs.min.js +2 -2
package/dist/global/ej2-inputs.min.js.map +1 -1
package/dist/global/index.d.ts +1 -1
package/package.json +9 -9
package/src/color-picker/color-picker.js +1 -1
package/src/common/signature-base.d.ts +7 -49
package/src/common/signature-base.js +21 -33
package/src/slider/slider.d.ts +1 -0
package/src/slider/slider.js +5 -2
package/src/uploader/uploader.js +4 -1
package/styles/bootstrap-dark.css +10 -12
package/styles/bootstrap.css +10 -12
package/styles/bootstrap4.css +9 -14
package/styles/bootstrap5-dark.css +118 -57
package/styles/bootstrap5.css +118 -57
package/styles/color-picker/_bootstrap5-definition.scss +10 -10
package/styles/color-picker/_fluent-dark-definition.scss +1 -0
package/styles/color-picker/_fluent-definition.scss +18 -18
package/styles/color-picker/_layout.scss +33 -5
package/styles/color-picker/_tailwind-definition.scss +4 -3
package/styles/color-picker/_theme.scss +1 -1
package/styles/color-picker/bootstrap5-dark.css +26 -20
package/styles/color-picker/bootstrap5.css +26 -20
package/styles/color-picker/fluent-dark.css +902 -0
package/styles/color-picker/fluent-dark.scss +11 -0
package/styles/color-picker/fluent.css +902 -0
package/styles/color-picker/fluent.scss +11 -0
package/styles/color-picker/icons/_fluent-dark.scss +1 -0
package/styles/color-picker/icons/_fluent.scss +1 -1
package/styles/color-picker/icons/_tailwind-dark.scss +3 -2
package/styles/color-picker/icons/_tailwind.scss +3 -2
package/styles/color-picker/tailwind-dark.css +10 -6
package/styles/color-picker/tailwind.css +10 -6
package/styles/fabric-dark.css +8 -11
package/styles/fabric.css +8 -11
package/styles/fluent-dark.css +7366 -0
package/styles/fluent-dark.scss +8 -0
package/styles/fluent.css +7366 -0
package/styles/fluent.scss +8 -0
package/styles/highcontrast-light.css +8 -11
package/styles/highcontrast.css +8 -11
package/styles/input/_bootstrap-dark-definition.scss +1 -0
package/styles/input/_bootstrap-definition.scss +1 -0
package/styles/input/_bootstrap4-definition.scss +1 -0
package/styles/input/_bootstrap5-definition.scss +23 -22
package/styles/input/_fabric-dark-definition.scss +3 -1
package/styles/input/_fabric-definition.scss +2 -1
package/styles/input/_fluent-dark-definition.scss +1 -0
package/styles/input/_fluent-definition.scss +8 -6
package/styles/input/_highcontrast-definition.scss +2 -1
package/styles/input/_highcontrast-light-definition.scss +2 -1
package/styles/input/_layout.scss +186 -22
package/styles/input/_material-dark-definition.scss +1 -0
package/styles/input/_material-definition.scss +2 -1
package/styles/input/_tailwind-definition.scss +18 -17
package/styles/input/_theme.scss +9 -2
package/styles/input/bootstrap-dark.css +8 -8
package/styles/input/bootstrap.css +8 -8
package/styles/input/bootstrap4.css +8 -8
package/styles/input/bootstrap5-dark.css +86 -29
package/styles/input/bootstrap5.css +86 -29
package/styles/input/fabric-dark.css +7 -7
package/styles/input/fabric.css +7 -7
package/styles/input/fluent-dark.css +4595 -0
package/styles/input/fluent-dark.scss +4 -0
package/styles/input/fluent.css +4595 -0
package/styles/input/fluent.scss +4 -0
package/styles/input/highcontrast-light.css +7 -7
package/styles/input/highcontrast.css +7 -7
package/styles/input/icons/_fluent-dark.scss +1 -0
package/styles/input/icons/_fluent.scss +2 -2
package/styles/input/icons/_tailwind.scss +2 -2
package/styles/input/material-dark.css +90 -7
package/styles/input/material.css +90 -7
package/styles/input/tailwind-dark.css +96 -40
package/styles/input/tailwind.css +96 -40
package/styles/maskedtextbox/_fluent-dark-definition.scss +1 -0
package/styles/maskedtextbox/fluent-dark.css +26 -0
package/styles/maskedtextbox/fluent-dark.scss +4 -0
package/styles/maskedtextbox/fluent.css +26 -0
package/styles/maskedtextbox/fluent.scss +4 -0
package/styles/material-dark.css +91 -11
package/styles/material.css +91 -11
package/styles/numerictextbox/_fluent-dark-definition.scss +1 -0
package/styles/numerictextbox/fluent-dark.css +60 -0
package/styles/numerictextbox/fluent-dark.scss +5 -0
package/styles/numerictextbox/fluent.css +60 -0
package/styles/numerictextbox/fluent.scss +5 -0
package/styles/numerictextbox/icons/_fluent-dark.scss +1 -0
package/styles/numerictextbox/icons/_fluent.scss +3 -3
package/styles/numerictextbox/icons/_tailwind.scss +2 -2
package/styles/numerictextbox/tailwind-dark.css +2 -2
package/styles/numerictextbox/tailwind.css +2 -2
package/styles/signature/_fluent-dark-definition.scss +1 -0
package/styles/signature/fluent-dark.css +9 -0
package/styles/signature/fluent-dark.scss +3 -0
package/styles/signature/fluent.css +9 -0
package/styles/signature/fluent.scss +3 -0
package/styles/slider/_fluent-dark-definition.scss +1 -0
package/styles/slider/_fluent-definition.scss +46 -66
package/styles/slider/_layout.scss +152 -51
package/styles/slider/_tailwind-definition.scss +1 -1
package/styles/slider/_theme.scss +14 -8
package/styles/slider/bootstrap-dark.css +1 -0
package/styles/slider/bootstrap.css +1 -0
package/styles/slider/bootstrap4.css +0 -2
package/styles/slider/bootstrap5-dark.css +5 -4
package/styles/slider/bootstrap5.css +5 -4
package/styles/slider/fluent-dark.css +632 -0
package/styles/slider/fluent-dark.scss +5 -0
package/styles/slider/fluent.css +632 -0
package/styles/slider/fluent.scss +5 -0
package/styles/slider/tailwind-dark.css +9 -5
package/styles/slider/tailwind.css +9 -5
package/styles/tailwind-dark.css +178 -92
package/styles/tailwind.css +178 -92
package/styles/textbox/_fluent-dark-definition.scss +1 -0
package/styles/textbox/fluent-dark.css +0 -0
package/styles/textbox/fluent-dark.scss +4 -0
package/styles/textbox/fluent.css +0 -0
package/styles/textbox/fluent.scss +4 -0
package/styles/uploader/_fluent-dark-definition.scss +1 -0
package/styles/uploader/_layout.scss +11 -0
package/styles/uploader/_tailwind-definition.scss +29 -14
package/styles/uploader/_theme.scss +25 -2
package/styles/uploader/bootstrap-dark.css +1 -4
package/styles/uploader/bootstrap.css +1 -4
package/styles/uploader/bootstrap4.css +1 -4
package/styles/uploader/bootstrap5-dark.css +1 -4
package/styles/uploader/bootstrap5.css +1 -4
package/styles/uploader/fabric-dark.css +1 -4
package/styles/uploader/fabric.css +1 -4
package/styles/uploader/fluent-dark.css +1137 -0
package/styles/uploader/fluent-dark.scss +6 -0
package/styles/uploader/fluent.css +1137 -0
package/styles/uploader/fluent.scss +6 -0
package/styles/uploader/highcontrast-light.css +1 -4
package/styles/uploader/highcontrast.css +1 -4
package/styles/uploader/icons/_fluent-dark.scss +1 -0
package/styles/uploader/icons/_fluent.scss +7 -7
package/styles/uploader/icons/_tailwind.scss +7 -8
package/styles/uploader/material-dark.css +1 -4
package/styles/uploader/material.css +1 -4
package/styles/uploader/tailwind-dark.css +61 -39
package/styles/uploader/tailwind.css +61 -39

package/styles/color-picker/bootstrap5-dark.css CHANGED Viewed

@@ -309,16 +309,16 @@ body.e-colorpicker-overflow {
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
   height: 8px;
-  top: calc(50% - 3px);
-  border-radius: 0;
+  top: calc(50% - 4px);
+  border-radius: 4px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
   border-radius: 6px;
   cursor: pointer;
-  height: 9px;
-  top: calc(68% - 7px);
-  width: 9px;
+  height: 14px;
+  top: calc(68% - 10px);
+  width: 14px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active {
@@ -344,16 +344,17 @@ body.e-colorpicker-overflow {
   border: 0;
   height: 8px;
   position: absolute;
-  top: calc(50% - 3px);
+  top: calc(50% - 4px);
   width: 100%;
   z-index: 1;
+  border-radius: 6px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .e-container .e-slider-preview .e-preview-container {
@@ -391,7 +392,7 @@ body.e-colorpicker-overflow {
       align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px 12px 9px;
+  padding: 12px 8px 12px 9px;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -409,7 +410,7 @@ body.e-colorpicker-overflow {
 .e-container .e-selected-value .e-value-switch-btn {
   font-family: 'e-icons';
-  margin-top: 0;
+  margin-top: 6px;
   padding: 2px 3px;
   font-size: 16px;
   line-height: 16px;
@@ -424,6 +425,7 @@ body.e-colorpicker-overflow {
   display: inline-block;
   margin-right: 2.75%;
   vertical-align: baseline;
+  margin-top: 8px;
 }
 .e-container .e-input-container .e-float-input:first-child {
@@ -659,11 +661,15 @@ body.e-colorpicker-overflow {
   height: 21px;
 }
+.e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
+  border-radius: 6px;
+}
 .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
   border-radius: 10px;
-  height: 13px;
-  top: calc(76% - 8px);
-  width: 13px;
+  height: 16px;
+  top: calc(76% - 13px);
+  width: 16px;
 }
 .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
@@ -813,7 +819,7 @@ body.e-colorpicker-overflow {
   border-bottom-right-radius: 0%;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   min-width: 26px;
   transform: translateY(18px) rotate(45deg) scale(0.01);
@@ -871,21 +877,21 @@ body.e-colorpicker-overflow {
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle),
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: #fff;
+  border-color: #fff;
 }
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle),
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: #fff;
+  border-color: #fff;
 }
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle,
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
-  background-color: transparent;
-  border-color: #0dcaf0;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  background-color: #fff;
+  border-color: #fff;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn,

package/styles/color-picker/bootstrap5.css CHANGED Viewed

@@ -309,16 +309,16 @@ body.e-colorpicker-overflow {
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
   height: 8px;
-  top: calc(50% - 3px);
-  border-radius: 0;
+  top: calc(50% - 4px);
+  border-radius: 4px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
   border-radius: 6px;
   cursor: pointer;
-  height: 9px;
-  top: calc(68% - 7px);
-  width: 9px;
+  height: 14px;
+  top: calc(68% - 10px);
+  width: 14px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active {
@@ -344,16 +344,17 @@ body.e-colorpicker-overflow {
   border: 0;
   height: 8px;
   position: absolute;
-  top: calc(50% - 3px);
+  top: calc(50% - 4px);
   width: 100%;
   z-index: 1;
+  border-radius: 6px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle,
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .e-container .e-slider-preview .e-preview-container {
@@ -391,7 +392,7 @@ body.e-colorpicker-overflow {
       align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px 12px 9px;
+  padding: 12px 8px 12px 9px;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -409,7 +410,7 @@ body.e-colorpicker-overflow {
 .e-container .e-selected-value .e-value-switch-btn {
   font-family: 'e-icons';
-  margin-top: 0;
+  margin-top: 6px;
   padding: 2px 3px;
   font-size: 16px;
   line-height: 16px;
@@ -424,6 +425,7 @@ body.e-colorpicker-overflow {
   display: inline-block;
   margin-right: 2.75%;
   vertical-align: baseline;
+  margin-top: 8px;
 }
 .e-container .e-input-container .e-float-input:first-child {
@@ -659,11 +661,15 @@ body.e-colorpicker-overflow {
   height: 21px;
 }
+.e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
+  border-radius: 6px;
+}
 .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
   border-radius: 10px;
-  height: 13px;
-  top: calc(76% - 8px);
-  width: 13px;
+  height: 16px;
+  top: calc(76% - 13px);
+  width: 16px;
 }
 .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
@@ -813,7 +819,7 @@ body.e-colorpicker-overflow {
   border-bottom-right-radius: 0%;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   min-width: 26px;
   transform: translateY(18px) rotate(45deg) scale(0.01);
@@ -871,21 +877,21 @@ body.e-colorpicker-overflow {
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle),
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: #fff;
+  border-color: #fff;
 }
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle),
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: #fff;
+  border-color: #fff;
 }
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle,
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
-  background-color: transparent;
-  border-color: #0dcaf0;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  background-color: #fff;
+  border-color: #fff;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn,