optimized-react-component-library-xyz123 0.1.154 → 0.1.155

package/dist/index.css

@@ -1,614 +1,2 @@
 /* src/components/input-components/AddFilesStandard/AddFilesStandard.css */
-.files-upload {
-  width: 100%;
-  max-width: 800px;
-  margin: 0 auto;
-  font-family:
-    "Segoe UI",
-    Tahoma,
-    Geneva,
-    Verdana,
-    sans-serif;
-}
-.files-drop-zone {
-  border: 2px dashed var(--action);
-  border-radius: 12px;
-  padding: 3rem 2rem;
-  text-align: center;
-  transition: all 0.3s ease;
-  background-color: #fafafa;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.files-drop-zone:hover {
-  border-color: var(--action);
-  background-color: #f5ebf8;
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(220, 148, 253, 0.15);
-}
-.files-drop-zone.drag-active {
-  border-color: var(--action);
-  background-color: #f5ebf8;
-  transform: scale(1.02);
-  box-shadow: 0 8px 25px rgba(30, 167, 253, 0.2);
-}
-.files-drop-zone:focus {
-  border: 0.2rem solid var(--action);
-}
-.files-drop-zone:focus-visible {
-  outline-offset: 0 !important;
-  outline-style: solid !important;
-  outline-color: #fff !important;
-  outline-width: 2px !important;
-  box-shadow: 0 0 0 4px #000 !important;
-}
-.files-drop-content {
-  pointer-events: none;
-}
-.files-icon {
-  font-size: 4rem;
-  margin-bottom: 1rem;
-  opacity: 0.7;
-  animation: float 3s ease-in-out infinite;
-}
-@keyframes float {
-  0%, 100% {
-    transform: translateY(0px);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-}
-.files-drop-text {
-  font-size: 1.2rem;
-  margin-bottom: 0.5rem;
-  color: #333;
-  font-weight: 500;
-}
-.files-drop-info {
-  font-size: 0.9rem;
-  color: #666;
-  margin: 0;
-}
-.files-allowed-types {
-  font-size: 0.85rem;
-  color: #555;
-  margin: 0.75rem 0 0 0;
-  padding: 0.5rem;
-  background-color: rgba(146, 64, 252, 0.1);
-  border-radius: 6px;
-  border-left: 3px solid #ce95e0;
-}
-.files-allowed-types strong {
-  color: var(--action);
-}
-.files-input-hidden {
-  display: none;
-}
-.files-summary {
-  margin: 1.5rem 0;
-  padding: 1rem;
-  background-color: #f8f9fa;
-  border-radius: 8px;
-  border: 1px solid #e9ecef;
-}
-.files-summary-stats {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 1rem;
-  flex-wrap: wrap;
-}
-.stat {
-  padding: 0.5rem 1rem;
-  border-radius: 20px;
-  background-color: #e9ecef;
-  font-size: 0.9rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.stat.pending {
-  background-color: #fff3cd;
-  color: #856404;
-}
-.stat.completed {
-  background-color: #d1e7dd;
-  color: #0a3622;
-}
-.stat.error {
-  background-color: #f8d7da;
-  color: #721c24;
-}
-.files-summary-actions {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: wrap;
-}
-.action-button {
-  padding: 0.75rem 1.5rem;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  font-weight: 500;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.action-button.primary {
-  background-color: #1ea7fd;
-  color: white;
-}
-.action-button.primary:hover {
-  background-color: #1890ff;
-  transform: translateY(-1px);
-}
-.action-button.secondary {
-  background-color: #6c757d;
-  color: white;
-}
-.action-button.secondary:hover {
-  background-color: #5a6268;
-  transform: translateY(-1px);
-}
-.files-list {
-  margin-top: 1.5rem;
-}
-.files-list h4 {
-  margin-bottom: 1rem;
-  color: #333;
-  font-size: 1.1rem;
-  font-weight: 600;
-}
-.files-items {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.file-item {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e9ecef;
-  border-radius: 8px;
-  margin-bottom: 0.75rem;
-  background-color: white;
-  transition: all 0.2s ease;
-  position: relative;
-}
-.file-item:hover {
-  background-color: #f8f9fa;
-  border-color: #dee2e6;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.file-item.uploading {
-  background-color: #e6f7ff;
-  border-color: #91d5ff;
-}
-.file-item.completed {
-  background-color: #f6ffed;
-  border-color: #b7eb8f;
-}
-.file-item.error {
-  background-color: #fff2f0;
-  border-color: #ffccc7;
-}
-.file-icon-status {
-  font-size: 1.5rem;
-  min-width: 2rem;
-  text-align: center;
-}
-.file-info {
-  flex: 1;
-  min-width: 0;
-}
-.file-name {
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 0.5rem;
-  word-break: break-word;
-}
-.file-details {
-  display: flex;
-  gap: 1rem;
-  font-size: 0.85rem;
-  color: #666;
-  flex-wrap: wrap;
-}
-.file-size {
-  color: #666;
-}
-.file-status {
-  color: #1ea7fd;
-  font-weight: 500;
-}
-.file-error {
-  color: #dc3545;
-  font-weight: 500;
-}
-.progress-bar {
-  width: 100%;
-  height: 4px;
-  background-color: #e9ecef;
-  border-radius: 2px;
-  margin-top: 0.5rem;
-  overflow: hidden;
-}
-.progress-fill {
-  height: 100%;
-  background-color: #1ea7fd;
-  transition: width 0.3s ease;
-  border-radius: 2px;
-}
-.file-actions {
-  display: flex;
-  gap: 0.5rem;
-}
-.action-btn {
-  background: none;
-  border: 1px solid transparent;
-  padding: 0.5rem;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 1rem;
-  transition: all 0.2s ease;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.action-btn.upload {
-  color: #1ea7fd;
-  border-color: #1ea7fd;
-}
-.action-btn.upload:hover {
-  background-color: #1ea7fd;
-  color: white;
-}
-.action-btn.retry {
-  color: #fd7e14;
-  border-color: #fd7e14;
-}
-.action-btn.retry:hover {
-  background-color: #fd7e14;
-  color: white;
-}
-.action-btn.remove {
-  color: var(--action);
-  border-color: var(--action);
-}
-.action-btn.remove:hover {
-  background-color: var(--action);
-  color: white;
-}
-.files-icon {
-  font-size: 3rem;
-}
-.files-drop-text {
-  font-size: 1rem;
-}
-.files-summary-stats {
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.files-summary-actions {
-  flex-direction: column;
-}
-.action-button {
-  justify-content: center;
-}
-.file-item {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.75rem;
-}
-.file-details {
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.file-actions {
-  align-self: flex-end;
-}
-.files-drop-zone {
-  padding: 1.5rem 1rem;
-}
-.file-item {
-  padding: 0.75rem;
-}
-.invisible {
-  display: none;
-  width: 1px;
-}
-.filePickLabel {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  height: 48px;
-  border: 1px solid #747474;
-  border-radius: 8px;
-}
-.filePickLabel:focus {
-  border: #000000 2px solid;
-  box-shadow: none;
-}
-.filePickLabel .filePickButton {
-  cursor: pointer;
-  padding: 16px;
-  height: 100%;
-  background: #747474;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  align-self: stretch;
-  color: #ffff;
-  font-family: Arial;
-  font-size: 1.6rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-}
-.filePickButton {
-  width: auto !important;
-  border: none;
-  margin-left: 0px !important;
-}
-.filePickButton.error {
-  background: var(--error) !important;
-  color: #fff !important;
-}
-.filePickLabel .filePickText {
-  padding-left: 16px;
-  color: #000;
-  font-family: Arial;
-  font-size: 1.6rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-}
-.inputContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-.inputContainer button {
-  margin: 0;
-  padding: 8px 24px;
-  margin-left: 16px;
-  height: 50px;
-  width: 200px;
-}
-.inputContainer input[type=text] {
-  font-size: 1.6rem;
-}
-.ClipboardFiles {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 16px;
-  margin-top: 32px;
-  background-color: #222;
-  animation-name: color;
-  animation-duration: 1s;
-  animation-iteration-count: infinite;
-  border-radius: 8px;
-  cursor: pointer;
-}
-.ClipboardFiles.clicked {
-  background-color: #ccc;
-  animation-name: none;
-  cursor: copy;
-}
-@keyframes color {
-  0% {
-    background-color: #ddd;
-  }
-  25% {
-    background-color: #ccc;
-  }
-  50% {
-    background-color: #bbb;
-  }
-  75% {
-    background-color: #ccc;
-  }
-  100% {
-    background-color: #ddd;
-  }
-}
-.DropZone {
-  color: #000;
-  margin-top: 20px;
-  margin-bottom: 16px;
-  font-size: 2rem;
-  display: inline-flex;
-  width: 100%;
-  height: 180px;
-  position: relative;
-  clip-path: inset(0 round 8px 8px 8px 8px);
-  background: var(--neutral-350, #f7f7f7);
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 10px;
-  flex-direction: column;
-  cursor: pointer;
-}
-.DropZone::before {
-  content: "";
-  position: absolute;
-  left: -7px;
-  top: -7px;
-  right: -7px;
-  bottom: -7px;
-  border: 9px dashed rgba(0, 0, 0, 0.6);
-  border-radius: 15px 15px 15px 15px;
-  box-sizing: border-box;
-}
-.DropZone:hover {
-  background: var(--neutral-350, #f7f7f7);
-  opacity: 0.9;
-  cursor: copy;
-}
-.DropZone-label-container {
-  display: flex;
-}
-.DropZone svg {
-  border-radius: 55%;
-  background: var(--purple-purple-900-primary, var(--action));
-  border: 6px solid var(--action);
-  margin-top: 17px;
-  margin-right: 16px;
-  height: 1.5rem;
-  width: 1.5rem;
-}
-.lastCol {
-  display: flex;
-  justify-content: flex-end;
-  max-width: 62px;
-  padding: 0;
-  margin: 0;
-}
-.fileInListContainer,
-.inputContainer,
-.DropZone {
-  max-width: 624px;
-}
-.fileListUnorderedList {
-  list-style: none !important;
-  padding: 0;
-  margin: 0;
-}
-.fileInList {
-  width: 100%;
-}
-.fileInList .row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  max-width: 100% !important;
-  border: 0px solid black;
-  padding: 0px 0px;
-  --bs-gutter-x: 0px !important;
-}
-.fileInList .row .col {
-  padding: 0;
-  margin: 0;
-}
-.fileInList .row .lastCol {
-  display: flex;
-  justify-content: flex-end;
-}
-.fileItem {
-  display: grid !important;
-  grid-template-columns: 26px 1fr 60px;
-  margin: 0 1px 1.3rem 0;
-}
-.fileInList .makeSpace {
-  border-bottom: 1px solid #747474;
-}
-.desktopFileName,
-.mobileFirstFileName {
-  display: block;
-}
-.selectedFilesLinkButton {
-  display: flex;
-  padding: 0;
-  stroke-width: 2px;
-  stroke: var(--purple-900-primary, var(--action));
-  color: var(--purple-900-primary, var(--action));
-  font-size: 1.6rem;
-  line-height: 24px;
-  text-decoration: none;
-  cursor: pointer;
-  background-color: transparent;
-  border: 0px;
-}
-.selectedFilesLinkButton:hover {
-  color: var(--purple-900-primary, var(--action));
-  text-decoration: underline;
-}
-.addFilesMandatory {
-  margin-bottom: 16px;
-  margin-top: 0px;
-}
-.addFilesMandatory.error {
-  display: inline;
-  margin-bottom: 0px;
-}
-.pts-addFile-error-container {
-  position: relative;
-  display: flex;
-  max-width: 532px;
-  padding: 1.6rem 2.4rem 0 2.4rem;
-  margin: 0 0 1.6rem 0;
-}
-.pts-addFile-error-container li {
-  display: flex;
-  cursor: unset;
-  padding: 0 20px 0 0;
-  width: 100%;
-  margin-bottom: 1.6rem;
-}
-.addFile-error-list-container {
-  width: 95%;
-}
-.error-close {
-  line-height: unset;
-}
-.addfileserror {
-  margin: 0.8rem 0;
-}
-.errorMessageAddingFile {
-  color: var(--red-green-red, var(--error));
-  font-size: 1.3rem;
-  line-height: 1.6rem;
-  padding-top: 0.8rem !important;
-  max-width: 380px;
-}
-.uploadedDot {
-  border-radius: 17px;
-  background: var(--red-green-green, #008e55);
-  display: flex;
-  width: 1rem;
-  height: 1rem;
-  padding: 4px;
-  margin: 0 8px 10px 0;
-}
-.uploadedDot svg {
-  width: 1rem;
-  height: 1rem;
-  stroke-width: 1.5px;
-  stroke: var(--neutral-300, #fff);
-  flex-shrink: 0;
-}
-.uploadIndicator {
-  height: 6px;
-  flex-shrink: 0;
-  margin-top: 0px;
-  border-radius: 8px 8px 8px 8px;
-}
-.uploadIndicator.uploadDone {
-  width: 100%;
-  background: var(--red-green-green, #008e55);
-}
-.uploadIndicator.uploadFailed {
-  width: 10%;
-  background: var(--red-green-red, var(--error));
-}
-.uploadIndicator.uploadLoading {
-  width: 50%;
-  background: var(--red-green-red, rgb(211, 165, 0));
-}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/input-components/AddFilesStandard/AddFilesStandard.css"],"sourcesContent":["\r\n/* ---------- FILE UPLOAD ---------- */\r\n.files-upload {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n/* Drop Zone */\r\n.files-drop-zone {\r\n  border: 2px dashed var(--action);\r\n  border-radius: 12px;\r\n  padding: 3rem 2rem;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n  background-color: #fafafa;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.files-drop-zone:hover {\r\n  border-color: var(--action);\r\n  background-color: #f5ebf8;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(220, 148, 253, 0.15);\r\n}\r\n\r\n.files-drop-zone.drag-active {\r\n  border-color: var(--action);\r\n  background-color: #f5ebf8;\r\n  transform: scale(1.02);\r\n  box-shadow: 0 8px 25px rgba(30, 167, 253, 0.2);\r\n}\r\n\r\n.files-drop-zone:focus {\r\n  /* border-color: var(--action);\r\n  background-color: #f5ebf8;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(220, 148, 253, 0.15);\r\n  transform: translateY(-3px);\r\n\r\n  animation: focusPulse 1s ease-in-out infinite;\r\n  box-shadow: inset 0 0 0 4px var(--action);\r\n  \r\n  border: none; */\r\n  border: 0.2rem solid var(--action);\r\n}\r\n\r\n.files-drop-zone:focus-visible {\r\n  outline-offset: 0 !important;\r\n  outline-style: solid !important;\r\n  outline-color: #fff !important;\r\n  outline-width: 2px !important;\r\n  box-shadow: 0 0 0 4px #000 !important;\r\n}\r\n\r\n.files-drop-content {\r\n  pointer-events: none;\r\n}\r\n\r\n.files-icon {\r\n  font-size: 4rem;\r\n  margin-bottom: 1rem;\r\n  opacity: 0.7;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%,\r\n  100% {\r\n    transform: translateY(0px);\r\n  }\r\n  50% {\r\n    transform: translateY(-10px);\r\n  }\r\n}\r\n\r\n.files-drop-text {\r\n  font-size: 1.2rem;\r\n  margin-bottom: 0.5rem;\r\n  color: #333;\r\n  font-weight: 500;\r\n}\r\n\r\n.files-drop-info {\r\n  font-size: 0.9rem;\r\n  color: #666;\r\n  margin: 0;\r\n}\r\n\r\n.files-allowed-types {\r\n  font-size: 0.85rem;\r\n  color: #555;\r\n  margin: 0.75rem 0 0 0;\r\n  padding: 0.5rem;\r\n  background-color: rgba(146, 64, 252, 0.1);\r\n  border-radius: 6px;\r\n  border-left: 3px solid #ce95e0;\r\n}\r\n\r\n.files-allowed-types strong {\r\n  color: var(--action);\r\n}\r\n\r\n.files-input-hidden {\r\n  display: none;\r\n}\r\n\r\n/* Summary */\r\n.files-summary {\r\n  margin: 1.5rem 0;\r\n  padding: 1rem;\r\n  background-color: #f8f9fa;\r\n  border-radius: 8px;\r\n  border: 1px solid #e9ecef;\r\n}\r\n\r\n.files-summary-stats {\r\n  display: flex;\r\n  gap: 1rem;\r\n  margin-bottom: 1rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.stat {\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 20px;\r\n  background-color: #e9ecef;\r\n  font-size: 0.9rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.stat.pending {\r\n  background-color: #fff3cd;\r\n  color: #856404;\r\n}\r\n\r\n.stat.completed {\r\n  background-color: #d1e7dd;\r\n  color: #0a3622;\r\n}\r\n\r\n.stat.error {\r\n  background-color: #f8d7da;\r\n  color: #721c24;\r\n}\r\n\r\n.files-summary-actions {\r\n  display: flex;\r\n  gap: 0.5rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.action-button {\r\n  padding: 0.75rem 1.5rem;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.action-button.primary {\r\n  background-color: #1ea7fd;\r\n  color: white;\r\n}\r\n\r\n.action-button.primary:hover {\r\n  background-color: #1890ff;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.action-button.secondary {\r\n  background-color: #6c757d;\r\n  color: white;\r\n}\r\n\r\n.action-button.secondary:hover {\r\n  background-color: #5a6268;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n/* Files List */\r\n.files-list {\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.files-list h4 {\r\n  margin-bottom: 1rem;\r\n  color: #333;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.files-items {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.file-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  padding: 1rem;\r\n  border: 1px solid #e9ecef;\r\n  border-radius: 8px;\r\n  margin-bottom: 0.75rem;\r\n  background-color: white;\r\n  transition: all 0.2s ease;\r\n  position: relative;\r\n}\r\n\r\n.file-item:hover {\r\n  background-color: #f8f9fa;\r\n  border-color: #dee2e6;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.file-item.uploading {\r\n  background-color: #e6f7ff;\r\n  border-color: #91d5ff;\r\n}\r\n\r\n.file-item.completed {\r\n  background-color: #f6ffed;\r\n  border-color: #b7eb8f;\r\n}\r\n\r\n.file-item.error {\r\n  background-color: #fff2f0;\r\n  border-color: #ffccc7;\r\n}\r\n\r\n.file-icon-status {\r\n  font-size: 1.5rem;\r\n  min-width: 2rem;\r\n  text-align: center;\r\n}\r\n\r\n.file-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.file-name {\r\n  font-weight: 500;\r\n  color: #333;\r\n  margin-bottom: 0.5rem;\r\n  word-break: break-word;\r\n}\r\n\r\n.file-details {\r\n  display: flex;\r\n  gap: 1rem;\r\n  font-size: 0.85rem;\r\n  color: #666;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.file-size {\r\n  color: #666;\r\n}\r\n\r\n.file-status {\r\n  color: #1ea7fd;\r\n  font-weight: 500;\r\n}\r\n\r\n.file-error {\r\n  color: #dc3545;\r\n  font-weight: 500;\r\n}\r\n\r\n.progress-bar {\r\n  width: 100%;\r\n  height: 4px;\r\n  background-color: #e9ecef;\r\n  border-radius: 2px;\r\n  margin-top: 0.5rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.progress-fill {\r\n  height: 100%;\r\n  background-color: #1ea7fd;\r\n  transition: width 0.3s ease;\r\n  border-radius: 2px;\r\n}\r\n\r\n.file-actions {\r\n  display: flex;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.action-btn {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  padding: 0.5rem;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-size: 1rem;\r\n  transition: all 0.2s ease;\r\n  min-width: 2.5rem;\r\n  height: 2.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.action-btn.upload {\r\n  color: #1ea7fd;\r\n  border-color: #1ea7fd;\r\n}\r\n\r\n.action-btn.upload:hover {\r\n  background-color: #1ea7fd;\r\n  color: white;\r\n}\r\n\r\n.action-btn.retry {\r\n  color: #fd7e14;\r\n  border-color: #fd7e14;\r\n}\r\n\r\n.action-btn.retry:hover {\r\n  background-color: #fd7e14;\r\n  color: white;\r\n}\r\n\r\n.action-btn.remove {\r\n  color: var(--action);\r\n  border-color: var(--action);\r\n}\r\n\r\n.action-btn.remove:hover {\r\n  background-color: var(--action);\r\n  color: white;\r\n}\r\n\r\n.files-icon {\r\n  font-size: 3rem;\r\n}\r\n\r\n.files-drop-text {\r\n  font-size: 1rem;\r\n}\r\n\r\n.files-summary-stats {\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.files-summary-actions {\r\n  flex-direction: column;\r\n}\r\n\r\n.action-button {\r\n  justify-content: center;\r\n}\r\n\r\n.file-item {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.file-details {\r\n  flex-direction: column;\r\n  gap: 0.25rem;\r\n}\r\n\r\n.file-actions {\r\n  align-self: flex-end;\r\n}\r\n\r\n.files-drop-zone {\r\n  padding: 1.5rem 1rem;\r\n}\r\n\r\n.file-item {\r\n  padding: 0.75rem;\r\n}\r\n\r\n/* ---------- ADD FILES  ---------- */\r\n\r\n/* ExploreFiles.tsx  */\r\n\r\n.invisible {\r\n  display: none;\r\n  width: 1px;\r\n}\r\n\r\n.filePickLabel {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  height: 48px;\r\n  border: 1px solid #747474;\r\n  border-radius: 8px;\r\n}\r\n.filePickLabel:focus {\r\n  border: #000000 2px solid;\r\n  box-shadow: none;\r\n}\r\n.filePickLabel .filePickButton {\r\n  cursor: pointer;\r\n  padding: 16px;\r\n  height: 100%;\r\n  background: #747474;\r\n  border-top-left-radius: 4px;\r\n  border-bottom-left-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-self: stretch;\r\n  color: #ffff;\r\n  font-family: Arial;\r\n  font-size: 1.6rem;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.filePickButton {\r\n  width: auto !important;\r\n  border: none;\r\n  margin-left: 0px !important;\r\n}\r\n\r\n.filePickButton.error {\r\n  background: var(--error) !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.filePickLabel .filePickText {\r\n  padding-left: 16px;\r\n  color: #000;\r\n\r\n  font-family: Arial;\r\n  font-size: 1.6rem;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.inputContainer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.inputContainer button {\r\n  margin: 0;\r\n  /* padding: 0; */\r\n  padding: 8px 24px;\r\n  margin-left: 16px;\r\n  height: 50px;\r\n  width: 200px;\r\n}\r\n\r\n.inputContainer input[type='text'] {\r\n  font-size: 1.6rem;\r\n}\r\n\r\n/* .uploadedDot.uploadFailed {\r\n  background: var(--red-green-red, var(--error));\r\n\r\n  color: var(--neutral-300, #fff);\r\n} */\r\n\r\n/* Clipboard.tsx  */\r\n\r\n.ClipboardFiles {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 16px;\r\n\r\n  margin-top: 32px;\r\n  background-color: #222;\r\n  animation-name: color;\r\n  animation-duration: 1s;\r\n  animation-iteration-count: infinite;\r\n\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.ClipboardFiles.clicked {\r\n  background-color: #ccc;\r\n  animation-name: none;\r\n  cursor: copy;\r\n}\r\n\r\n@keyframes color {\r\n  0% {\r\n    background-color: #ddd;\r\n  }\r\n  25% {\r\n    background-color: #ccc;\r\n  }\r\n  50% {\r\n    background-color: #bbb;\r\n  }\r\n  75% {\r\n    background-color: #ccc;\r\n  }\r\n  100% {\r\n    background-color: #ddd;\r\n  }\r\n}\r\n\r\n/* DropFiles.tsx  */\r\n\r\n.DropZone {\r\n  color: #000;\r\n  margin-top: 20px;\r\n  margin-bottom: 16px;\r\n  font-size: 2rem;\r\n  display: inline-flex;\r\n  width: 100%;\r\n  height: 180px;\r\n  position: relative;\r\n  clip-path: inset(0 round 8px 8px 8px 8px);\r\n  background: var(--neutral-350, #f7f7f7);\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  gap: 10px;\r\n  flex-direction: column;\r\n  cursor: pointer;\r\n}\r\n\r\n.DropZone::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: -7px;\r\n  top: -7px;\r\n  right: -7px;\r\n  bottom: -7px;\r\n  border: 9px dashed rgba(0, 0, 0, 0.6);\r\n  border-radius: 15px 15px 15px 15px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.DropZone:hover {\r\n  background: var(--neutral-350, #f7f7f7);\r\n  opacity: 0.9;\r\n  cursor: copy;\r\n}\r\n\r\n.DropZone-label-container {\r\n  display: flex;\r\n}\r\n\r\n.DropZone svg {\r\n  border-radius: 55%;\r\n  background: var(--purple-purple-900-primary, var(--action));\r\n  border: 6px solid var(--action);\r\n  margin-top: 17px;\r\n  margin-right: 16px;\r\n  height: 1.5rem;\r\n  width: 1.5rem;\r\n}\r\n\r\n/* AddFiles.tsx */ /* SelectedFiles.tsx  */\r\n.lastCol {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  max-width: 62px;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.fileInListContainer,\r\n.inputContainer,\r\n.DropZone {\r\n  max-width: 624px;\r\n}\r\n\r\n.fileListUnorderedList {\r\n  list-style: none !important;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.fileInList {\r\n  width: 100%;\r\n}\r\n\r\n.fileInList .row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 100% !important;\r\n  border: 0px solid black;\r\n\r\n  padding: 0px 0px;\r\n  --bs-gutter-x: 0px !important;\r\n}\r\n\r\n.fileInList .row .col {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.fileInList .row .lastCol {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.fileItem {\r\n  display: grid !important;\r\n  grid-template-columns: 26px 1fr 60px;\r\n  margin: 0 1px 1.3rem 0;\r\n}\r\n\r\n.fileInList .makeSpace {\r\n  border-bottom: 1px solid #747474;\r\n}\r\n\r\n.desktopFileName,\r\n.mobileFirstFileName {\r\n  display: block;\r\n}\r\n\r\n.selectedFilesLinkButton {\r\n  display: flex;\r\n  padding: 0;\r\n  stroke-width: 2px;\r\n  stroke: var(--purple-900-primary, var(--action));\r\n  color: var(--purple-900-primary, var(--action));\r\n  font-size: 1.6rem;\r\n  line-height: 24px;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  background-color: transparent;\r\n  border: 0px;\r\n}\r\n\r\n.selectedFilesLinkButton:hover {\r\n  color: var(--purple-900-primary, var(--action));\r\n  text-decoration: underline;\r\n}\r\n\r\n.addFilesMandatory {\r\n  margin-bottom: 16px;\r\n     margin-top: 0px;\r\n}\r\n\r\n.addFilesMandatory.error {\r\n  display: inline;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.pts-addFile-error-container {\r\n  position: relative;\r\n  display: flex;\r\n  max-width: 532px;\r\n  padding: 1.6rem 2.4rem 0 2.4rem;\r\n  margin: 0 0 1.6rem 0;\r\n}\r\n\r\n.pts-addFile-error-container li {\r\n  display: flex;\r\n  cursor: unset;\r\n  padding: 0 20px 0 0;\r\n  width: 100%;\r\n  margin-bottom: 1.6rem;\r\n}\r\n\r\n.addFile-error-list-container {\r\n  width: 95%;\r\n}\r\n\r\n.error-close {\r\n  line-height: unset;\r\n}\r\n\r\n.addfileserror {\r\n  margin: 0.8rem 0;\r\n}\r\n\r\n.errorMessageAddingFile {\r\n  color: var(--red-green-red, var(--error));\r\n  font-size: 1.3rem;\r\n  line-height: 1.6rem;\r\n  padding-top: 0.8rem !important;\r\n  max-width: 380px;\r\n}\r\n\r\n.uploadedDot {\r\n  border-radius: 17px;\r\n  background: var(--red-green-green, #008e55);\r\n  display: flex;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  padding: 4px;\r\n  margin: 0 8px 10px 0;\r\n}\r\n\r\n.uploadedDot svg {\r\n  width: 1rem;\r\n  height: 1rem;\r\n  stroke-width: 1.5px;\r\n  stroke: var(--neutral-300, #fff);\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* Indicator.tsx  */\r\n\r\n.uploadIndicator {\r\n  height: 6px;\r\n  flex-shrink: 0;\r\n  margin-top: 0px;\r\n  border-radius: 8px 8px 8px 8px;\r\n}\r\n\r\n.uploadIndicator.uploadDone {\r\n  width: 100%;\r\n  background: var(--red-green-green, #008e55);\r\n}\r\n.uploadIndicator.uploadFailed {\r\n  width: 10%;\r\n  background: var(--red-green-red, var(--error));\r\n}\r\n.uploadIndicator.uploadLoading {\r\n  width: 50%;\r\n  background: var(--red-green-red, rgb(211, 165, 0));\r\n}\r\n/* ---------- END FILE UPLOAD ---------- */\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.154",
+  "version": "0.1.155",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",

package/src/css/questions.css

@@ -1,4 +1,3 @@
-/* Css för filuppladdningen finns i komponentens mapp  */
 
 fieldset {
   border: none;
@@ -247,4 +246,762 @@ div.pts-root-question:last-child{
 
 .pts-textarea-counter-error-container .pts-root-error {
   width: 100%;
-}
+}
+
+
+
+
+
+
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+/* ---------- FILE UPLOAD ---------- */
+.files-upload {
+  width: 100%;
+  max-width: 800px;
+  margin: 0 auto;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+/* Drop Zone */
+.files-drop-zone {
+  border: 2px dashed var(--action);
+  border-radius: 12px;
+  padding: 3rem 2rem;
+  text-align: center;
+  transition: all 0.3s ease;
+  background-color: #fafafa;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.files-drop-zone:hover {
+  border-color: var(--action);
+  background-color: #f5ebf8;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(220, 148, 253, 0.15);
+}
+
+.files-drop-zone.drag-active {
+  border-color: var(--action);
+  background-color: #f5ebf8;
+  transform: scale(1.02);
+  box-shadow: 0 8px 25px rgba(30, 167, 253, 0.2);
+}
+
+.files-drop-zone:focus {
+  /* border-color: var(--action);
+  background-color: #f5ebf8;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(220, 148, 253, 0.15);
+  transform: translateY(-3px);
+
+  animation: focusPulse 1s ease-in-out infinite;
+  box-shadow: inset 0 0 0 4px var(--action);
+  
+  border: none; */
+  border: 0.2rem solid var(--action);
+}
+
+.files-drop-zone:focus-visible {
+  outline-offset: 0 !important;
+  outline-style: solid !important;
+  outline-color: #fff !important;
+  outline-width: 2px !important;
+  box-shadow: 0 0 0 4px #000 !important;
+}
+
+.files-drop-content {
+  pointer-events: none;
+}
+
+.files-icon {
+  font-size: 4rem;
+  margin-bottom: 1rem;
+  opacity: 0.7;
+  animation: float 3s ease-in-out infinite;
+}
+
+@keyframes float {
+  0%,
+  100% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.files-drop-text {
+  font-size: 1.2rem;
+  margin-bottom: 0.5rem;
+  color: #333;
+  font-weight: 500;
+}
+
+.files-drop-info {
+  font-size: 0.9rem;
+  color: #666;
+  margin: 0;
+}
+
+.files-allowed-types {
+  font-size: 0.85rem;
+  color: #555;
+  margin: 0.75rem 0 0 0;
+  padding: 0.5rem;
+  background-color: rgba(146, 64, 252, 0.1);
+  border-radius: 6px;
+  border-left: 3px solid #ce95e0;
+}
+
+.files-allowed-types strong {
+  color: var(--action);
+}
+
+.files-input-hidden {
+  display: none;
+}
+
+/* Summary */
+.files-summary {
+  margin: 1.5rem 0;
+  padding: 1rem;
+  background-color: #f8f9fa;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
+}
+
+.files-summary-stats {
+  display: flex;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  flex-wrap: wrap;
+}
+
+.stat {
+  padding: 0.5rem 1rem;
+  border-radius: 20px;
+  background-color: #e9ecef;
+  font-size: 0.9rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.stat.pending {
+  background-color: #fff3cd;
+  color: #856404;
+}
+
+.stat.completed {
+  background-color: #d1e7dd;
+  color: #0a3622;
+}
+
+.stat.error {
+  background-color: #f8d7da;
+  color: #721c24;
+}
+
+.files-summary-actions {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.action-button {
+  padding: 0.75rem 1.5rem;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.action-button.primary {
+  background-color: #1ea7fd;
+  color: white;
+}
+
+.action-button.primary:hover {
+  background-color: #1890ff;
+  transform: translateY(-1px);
+}
+
+.action-button.secondary {
+  background-color: #6c757d;
+  color: white;
+}
+
+.action-button.secondary:hover {
+  background-color: #5a6268;
+  transform: translateY(-1px);
+}
+
+/* Files List */
+.files-list {
+  margin-top: 1.5rem;
+}
+
+.files-list h4 {
+  margin-bottom: 1rem;
+  color: #333;
+  font-size: 1.1rem;
+  font-weight: 600;
+}
+
+.files-items {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.file-item {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem;
+  border: 1px solid #e9ecef;
+  border-radius: 8px;
+  margin-bottom: 0.75rem;
+  background-color: white;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.file-item:hover {
+  background-color: #f8f9fa;
+  border-color: #dee2e6;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.file-item.uploading {
+  background-color: #e6f7ff;
+  border-color: #91d5ff;
+}
+
+.file-item.completed {
+  background-color: #f6ffed;
+  border-color: #b7eb8f;
+}
+
+.file-item.error {
+  background-color: #fff2f0;
+  border-color: #ffccc7;
+}
+
+.file-icon-status {
+  font-size: 1.5rem;
+  min-width: 2rem;
+  text-align: center;
+}
+
+.file-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.file-name {
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 0.5rem;
+  word-break: break-word;
+}
+
+.file-details {
+  display: flex;
+  gap: 1rem;
+  font-size: 0.85rem;
+  color: #666;
+  flex-wrap: wrap;
+}
+
+.file-size {
+  color: #666;
+}
+
+.file-status {
+  color: #1ea7fd;
+  font-weight: 500;
+}
+
+.file-error {
+  color: #dc3545;
+  font-weight: 500;
+}
+
+.progress-bar {
+  width: 100%;
+  height: 4px;
+  background-color: #e9ecef;
+  border-radius: 2px;
+  margin-top: 0.5rem;
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  background-color: #1ea7fd;
+  transition: width 0.3s ease;
+  border-radius: 2px;
+}
+
+.file-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.action-btn {
+  background: none;
+  border: 1px solid transparent;
+  padding: 0.5rem;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 1rem;
+  transition: all 0.2s ease;
+  min-width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.action-btn.upload {
+  color: #1ea7fd;
+  border-color: #1ea7fd;
+}
+
+.action-btn.upload:hover {
+  background-color: #1ea7fd;
+  color: white;
+}
+
+.action-btn.retry {
+  color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.action-btn.retry:hover {
+  background-color: #fd7e14;
+  color: white;
+}
+
+.action-btn.remove {
+  color: var(--action);
+  border-color: var(--action);
+}
+
+.action-btn.remove:hover {
+  background-color: var(--action);
+  color: white;
+}
+
+.files-icon {
+  font-size: 3rem;
+}
+
+.files-drop-text {
+  font-size: 1rem;
+}
+
+.files-summary-stats {
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.files-summary-actions {
+  flex-direction: column;
+}
+
+.action-button {
+  justify-content: center;
+}
+
+.file-item {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.75rem;
+}
+
+.file-details {
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.file-actions {
+  align-self: flex-end;
+}
+
+.files-drop-zone {
+  padding: 1.5rem 1rem;
+}
+
+.file-item {
+  padding: 0.75rem;
+}
+
+/* ---------- ADD FILES  ---------- */
+
+/* ExploreFiles.tsx  */
+
+.invisible {
+  display: none;
+  width: 1px;
+}
+
+.filePickLabel {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  height: 48px;
+  border: 1px solid #747474;
+  border-radius: 8px;
+}
+.filePickLabel:focus {
+  border: #000000 2px solid;
+  box-shadow: none;
+}
+.filePickLabel .filePickButton {
+  cursor: pointer;
+  padding: 16px;
+  height: 100%;
+  background: #747474;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  align-self: stretch;
+  color: #ffff;
+  font-family: Arial;
+  font-size: 1.6rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+.filePickButton {
+  width: auto !important;
+  border: none;
+  margin-left: 0px !important;
+}
+
+.filePickButton.error {
+  background: var(--error) !important;
+  color: #fff !important;
+}
+
+.filePickLabel .filePickText {
+  padding-left: 16px;
+  color: #000;
+
+  font-family: Arial;
+  font-size: 1.6rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+.inputContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.inputContainer button {
+  margin: 0;
+  /* padding: 0; */
+  padding: 8px 24px;
+  margin-left: 16px;
+  height: 50px;
+  width: 200px;
+}
+
+.inputContainer input[type='text'] {
+  font-size: 1.6rem;
+}
+
+/* .uploadedDot.uploadFailed {
+  background: var(--red-green-red, var(--error));
+
+  color: var(--neutral-300, #fff);
+} */
+
+/* Clipboard.tsx  */
+
+.ClipboardFiles {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  padding: 16px;
+
+  margin-top: 32px;
+  background-color: #222;
+  animation-name: color;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+.ClipboardFiles.clicked {
+  background-color: #ccc;
+  animation-name: none;
+  cursor: copy;
+}
+
+@keyframes color {
+  0% {
+    background-color: #ddd;
+  }
+  25% {
+    background-color: #ccc;
+  }
+  50% {
+    background-color: #bbb;
+  }
+  75% {
+    background-color: #ccc;
+  }
+  100% {
+    background-color: #ddd;
+  }
+}
+
+/* DropFiles.tsx  */
+
+.DropZone {
+  color: #000;
+  margin-top: 20px;
+  margin-bottom: 16px;
+  font-size: 2rem;
+  display: inline-flex;
+  width: 100%;
+  height: 180px;
+  position: relative;
+  clip-path: inset(0 round 8px 8px 8px 8px);
+  background: var(--neutral-350, #f7f7f7);
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: 10px;
+  flex-direction: column;
+  cursor: pointer;
+}
+
+.DropZone::before {
+  content: '';
+  position: absolute;
+  left: -7px;
+  top: -7px;
+  right: -7px;
+  bottom: -7px;
+  border: 9px dashed rgba(0, 0, 0, 0.6);
+  border-radius: 15px 15px 15px 15px;
+  box-sizing: border-box;
+}
+
+.DropZone:hover {
+  background: var(--neutral-350, #f7f7f7);
+  opacity: 0.9;
+  cursor: copy;
+}
+
+.DropZone-label-container {
+  display: flex;
+}
+
+.DropZone svg {
+  border-radius: 55%;
+  background: var(--purple-purple-900-primary, var(--action));
+  border: 6px solid var(--action);
+  margin-top: 17px;
+  margin-right: 16px;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+/* AddFiles.tsx */ /* SelectedFiles.tsx  */
+.lastCol {
+  display: flex;
+  justify-content: flex-end;
+  max-width: 62px;
+  padding: 0;
+  margin: 0;
+}
+
+.fileInListContainer,
+.inputContainer,
+.DropZone {
+  max-width: 624px;
+}
+
+.fileListUnorderedList {
+  list-style: none !important;
+  padding: 0;
+  margin: 0;
+}
+
+.fileInList {
+  width: 100%;
+}
+
+.fileInList .row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  max-width: 100% !important;
+  border: 0px solid black;
+
+  padding: 0px 0px;
+  --bs-gutter-x: 0px !important;
+}
+
+.fileInList .row .col {
+  padding: 0;
+  margin: 0;
+}
+
+.fileInList .row .lastCol {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.fileItem {
+  display: grid !important;
+  grid-template-columns: 26px 1fr 60px;
+  margin: 0 1px 1.3rem 0;
+}
+
+.fileInList .makeSpace {
+  border-bottom: 1px solid #747474;
+}
+
+.desktopFileName,
+.mobileFirstFileName {
+  display: block;
+}
+
+.selectedFilesLinkButton {
+  display: flex;
+  padding: 0;
+  stroke-width: 2px;
+  stroke: var(--purple-900-primary, var(--action));
+  color: var(--purple-900-primary, var(--action));
+  font-size: 1.6rem;
+  line-height: 24px;
+  text-decoration: none;
+  cursor: pointer;
+  background-color: transparent;
+  border: 0px;
+}
+
+.selectedFilesLinkButton:hover {
+  color: var(--purple-900-primary, var(--action));
+  text-decoration: underline;
+}
+
+.addFilesMandatory {
+  margin-bottom: 16px;
+     margin-top: 0px;
+}
+
+.addFilesMandatory.error {
+  display: inline;
+  margin-bottom: 0px;
+}
+
+.pts-addFile-error-container {
+  position: relative;
+  display: flex;
+  max-width: 532px;
+  padding: 1.6rem 2.4rem 0 2.4rem;
+  margin: 0 0 1.6rem 0;
+}
+
+.pts-addFile-error-container li {
+  display: flex;
+  cursor: unset;
+  padding: 0 20px 0 0;
+  width: 100%;
+  margin-bottom: 1.6rem;
+}
+
+.addFile-error-list-container {
+  width: 95%;
+}
+
+.error-close {
+  line-height: unset;
+}
+
+.addfileserror {
+  margin: 0.8rem 0;
+}
+
+.errorMessageAddingFile {
+  color: var(--red-green-red, var(--error));
+  font-size: 1.3rem;
+  line-height: 1.6rem;
+  padding-top: 0.8rem !important;
+  max-width: 380px;
+}
+
+.uploadedDot {
+  border-radius: 17px;
+  background: var(--red-green-green, #008e55);
+  display: flex;
+  width: 1rem;
+  height: 1rem;
+  padding: 4px;
+  margin: 0 8px 10px 0;
+}
+
+.uploadedDot svg {
+  width: 1rem;
+  height: 1rem;
+  stroke-width: 1.5px;
+  stroke: var(--neutral-300, #fff);
+  flex-shrink: 0;
+}
+
+/* Indicator.tsx  */
+
+.uploadIndicator {
+  height: 6px;
+  flex-shrink: 0;
+  margin-top: 0px;
+  border-radius: 8px 8px 8px 8px;
+}
+
+.uploadIndicator.uploadDone {
+  width: 100%;
+  background: var(--red-green-green, #008e55);
+}
+.uploadIndicator.uploadFailed {
+  width: 10%;
+  background: var(--red-green-red, var(--error));
+}
+.uploadIndicator.uploadLoading {
+  width: 50%;
+  background: var(--red-green-red, rgb(211, 165, 0));
+}
+/* ---------- END FILE UPLOAD ---------- */