@syncfusion/ej2-angular-inputs 19.4.52 → 20.1.55

package/styles/uploader/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-inputs/styles/uploader/fluent.scss';

package/styles/uploader/highcontrast-light.css

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

package/styles/uploader/highcontrast.css

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

package/styles/uploader/material-dark.css

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

package/styles/uploader/material.css

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

package/styles/uploader/tailwind.css

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