@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.48

package/styles/uploader/bootstrap-dark.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #f0f0f0;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #0070f0;
+}

package/styles/uploader/bootstrap.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #333;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #317ab9;
+}

package/styles/uploader/bootstrap4.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #212529;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: dashed 2px #007bff;
+}

package/styles/uploader/bootstrap5-dark.css

@@ -985,7 +985,6 @@
 
 .e-upload .e-file-drop {
   color: #ced4da;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1074,3 +1073,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 1px dashed #0d6efd;
+}

package/styles/uploader/bootstrap5.css

@@ -985,7 +985,6 @@
 
 .e-upload .e-file-drop {
   color: #495057;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1074,3 +1073,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 1px dashed #0d6efd;
+}

package/styles/uploader/fabric-dark.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #dadada;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #0074cc;
+}

package/styles/uploader/fabric.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #333;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #0078d6;
+}

package/styles/uploader/highcontrast-light.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #000;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #400074;
+}

package/styles/uploader/highcontrast.css

@@ -979,7 +979,6 @@
 
 .e-upload .e-file-drop {
   color: #fff;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1068,3 +1067,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #ffd939;
+}

package/styles/uploader/material-dark.css

@@ -985,7 +985,6 @@
 
 .e-upload .e-file-drop {
   color: #fff;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1074,3 +1073,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #9e9e9e;
+}

package/styles/uploader/material.css

@@ -985,7 +985,6 @@
 
 .e-upload .e-file-drop {
   color: rgba(0, 0, 0, 0.87);
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1074,3 +1073,7 @@
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
+
+.e-upload-drag-hover {
+  outline: 2px dashed #9e9e9e;
+}

package/styles/uploader/tailwind-dark.css

@@ -24,27 +24,27 @@
 }
 
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
-  content: '\e7e7';
+  content: '\e771';
 }
 
 .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
-  content: '\e77b';
+  content: '\e788';
 }
 
 .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
-  content: '\e706';
+  content: '\e711';
 }
 
 .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
-  content: '\e70c';
+  content: '\e725';
 }
 
 .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
-  content: '\e820';
+  content: '\e78d';
 }
 
 .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
-  content: '\e81b';
+  content: '\e769';
 }
 
 .e-upload .e-upload-files .e-icons.e-msie::before {
@@ -65,43 +65,41 @@
 }
 
 .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
-  font-size: 16px;
-  margin-left: 16px;
+  font-size: 15px;
+  margin-left: 15px;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list {
   font-size: 14px;
-  line-height: 24px;
-  min-height: 96px;
+  line-height: 22px;
+  min-height: 108px;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container {
-  margin-left: 12px;
+  margin-left: 15px;
   top: 0;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
-  font-size: 16px;
-  padding-top: 12px;
+  font-size: 15px;
+  padding-top: 15px;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  font-size: 16px;
-  font-size: 14px;
-  line-height: 22px;
-  padding: 2px 0;
+  font-size: 12px;
+  padding: 10px 0;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
-  font-size: 16px;
-  padding-top: 12px;
+  font-size: 15px;
+  padding-top: 15px;
   top: initial;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  font-size: 16px;
-  padding-bottom: 12px;
+  font-size: 12px;
+  padding-bottom: 15px;
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
@@ -118,7 +116,7 @@
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
-  font-size: 14px;
+  font-size: 12px;
   right: 16px;
   top: -36px;
 }
@@ -132,7 +130,7 @@
   box-sizing: border-box;
   font-size: 22px;
   height: 24px;
-  margin: 16px;
+  margin: 15px;
   margin-top: -24px;
   padding: 24px;
   top: 50%;
@@ -171,15 +169,15 @@
 }
 
 .e-bigger .e-upload .e-upload-actions .e-btn {
-  margin-left: 12px;
+  margin-left: 15px;
 }
 
 .e-bigger .e-upload .e-upload-actions .e-file-upload-btn {
-  margin: 12px;
+  margin: 15px;
 }
 
 .e-bigger .e-upload .e-upload-actions .e-file-clear-btn {
-  margin: 12px;
+  margin: 15px;
 }
 
 .e-bigger .e-upload.e-rtl .e-file-select-wrap {
@@ -191,7 +189,7 @@
 }
 
 .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
-  margin-right: 16px;
+  margin-right: 15px;
 }
 
 .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
@@ -248,8 +246,8 @@
 
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
   min-height: 35px;
-  padding-bottom: 12px;
-  padding-top: 8px;
+  padding-bottom: 15px;
+  padding-top: 11px;
 }
 
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
@@ -276,7 +274,7 @@
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #8b919e;
   display: block;
-  font-size: 16px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;
@@ -361,8 +359,8 @@
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list,
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
   min-height: 35px;
-  padding-bottom: 12px;
-  padding-top: 8px;
+  padding-bottom: 15px;
+  padding-top: 11px;
 }
 
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container,
@@ -398,7 +396,7 @@
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #8b919e;
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;
@@ -457,7 +455,6 @@
   font-family: inherit;
   font-size: 14px;
   height: 100%;
-  line-height: 24px;
   line-height: 22px;
   min-height: 82px;
   position: relative;
@@ -481,7 +478,7 @@
   font-size: 14px;
   max-width: 75%;
   overflow: hidden;
-  padding-top: 8px;
+  padding-top: 12px;
   position: relative;
   text-overflow: ellipsis;
   top: 0;
@@ -499,7 +496,7 @@
   display: block;
   font-family: inherit;
   font-size: 14px;
-  padding-top: 8px;
+  padding-top: 12px;
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden,
@@ -510,10 +507,8 @@
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
   display: block;
-  font-size: 14px;
-  padding: 2px 0;
   font-size: 12px;
-  line-height: 18px;
+  padding: 4px 0;
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
@@ -522,8 +517,8 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   display: block;
   font-family: inherit;
-  font-size: 14px;
-  padding-bottom: 8px;
+  font-size: 12px;
+  padding-bottom: 12px;
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress,
@@ -562,7 +557,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
   float: right;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 12px;
   position: relative;
   right: 0;
   top: -33px;
@@ -950,7 +945,7 @@
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #8b919e;
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;
@@ -992,7 +987,6 @@
 
 .e-upload .e-file-drop {
   color: #9ca3af;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -1018,7 +1012,6 @@
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #fff;
-  color: #9ca3af;
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
@@ -1085,20 +1078,5 @@
 }
 
 .e-upload-drag-hover {
-  border-color: transparent;
-}
-
-.e-upload .e-upload-actions .e-file-clear-btn.e-flat:not(:hover) {
-  -webkit-tap-highlight-color: transparent;
-  background-color: #1f2937;
-  border-color: #6b7280;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  color: #fff;
-}
-
-.e-upload .e-upload-actions .e-file-upload-btn.e-flat.e-primary:not(:hover) {
-  -webkit-tap-highlight-color: transparent;
-  background-color: #22d3ee;
-  border-color: #22d3ee;
-  color: #000;
+  outline: 2px dashed #22d3ee;
 }