@duetds/components 4.30.0 → 4.33.0

package/lib/collection/components/duet-upload/duet-upload.css

@@ -21,8 +21,17 @@
   -webkit-appearance: none;
   appearance: none;
 }
-:host li {
-  list-style: none;
+
+::slotted([slot=header]) {
+  margin-bottom: 16px;
+}
+
+::slotted([slot=fileheader]) {
+  margin: 16px 0 0 0;
+}
+
+::slotted([slot=filefooter]) {
+  margin-top: 16px;
 }
 
 .duet-upload {
@@ -35,12 +44,9 @@
   -webkit-appearance: none;
   appearance: none;
 }
-.duet-upload li {
-  list-style: none;
-}
-.duet-upload-file-errors {
-  padding: 20px 0;
-  color: #de2362;
+.duet-upload-item-size {
+  font-size: 0.75rem;
+  font-weight: 400;
 }
 .duet-upload-filelist {
   margin-bottom: 25px;
@@ -52,82 +58,7 @@
   width: 100%;
   height: 75px;
   margin: 0 auto;
-  background-color: #f3f9fc;
-}
-.duet-upload-file {
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  min-height: 50px;
-  border-bottom: 1px solid #e1e3e6;
-}
-.duet-upload-file:first-of-type:not(.duet-upload-file-errors) {
-  border-top: 1px solid #e1e3e6;
-}
-.duet-upload-file-container {
-  display: flex;
-  place-items: center;
-  width: 100%;
-}
-.duet-upload-file-link {
-  display: flex;
-  flex-grow: 2;
-  place-items: center;
-}
-.duet-upload-file-link-error {
-  flex-direction: column;
-  place-items: flex-start;
-}
-.duet-upload-file-link duet-button {
-  position: relative;
-  top: 6px;
-}
-.duet-upload-file-actions {
-  display: flex;
-  transform: scale(0.8);
-}
-.duet-upload-file-progress {
-  /* fallback design of the default appearance */
-}
-.duet-upload-file-progress .progress-bar {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 15px;
-  background-color: #f3f9fc;
-  border-radius: 0;
-  box-shadow: none;
-}
-.duet-upload-file-progress .progress-bar > span {
-  display: block;
-  text-indent: -9999px;
-  background-color: #0077b3;
-  border-radius: 0;
-}
-.duet-upload-file-progress progress[value] {
-  display: flex;
-  width: 100%;
-  height: 15px;
-  /* For IE10 */
-  color: #0077b3;
-  /* Get rid of default border in Firefox. */
-  border: 0 none;
-  /* Reset the default appearance */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-.duet-upload-file-progress progress[value]::-webkit-progress-bar {
-  background-color: #f3f9fc;
-  border-radius: 0;
-}
-.duet-upload-file-progress progress[value]::-webkit-progress-value {
-  background-color: #0077b3;
-  background-size: 35px 20px, 100% 100%, 100% 100%;
-  border-radius: 0;
-  -webkit-animation: animate-stripes 5s linear infinite;
-  animation: animate-stripes 5s linear infinite;
-}
-.duet-upload-file-progress progress[value] ::-moz-progress-bar {
-  background-color: #f3f9fc;
+  font-size: 1rem;
+  font-weight: 400;
+  background-color: #f5f8fa;
 }