allaw-ui 3.0.5 → 3.0.7

package/dist/components/molecules/fileUploader/FileUploader.js

@@ -240,7 +240,7 @@ var FileUploader = function (_a) {
                 React.createElement("input", { id: "file-upload", ref: fileInputRef, type: "file", accept: acceptedExtensions.join(","), style: { display: "none" }, onChange: handleFileSelect })))),
         previewUrl ? (React.createElement("div", { className: styles.file_info_container },
             filePresentationLabel && (React.createElement("span", { className: styles.file_presentation_label }, filePresentationLabel)),
-            React.createElement(TertiaryButton, { label: "Charger ".concat(isSelectedImage ? "une autre image" : "un autre fichier"), color: "bleu-allaw", variant: true, onClick: handleNewFileClick }))) : (React.createElement("div", { className: styles.limits },
+            React.createElement(TertiaryButton, { label: "Charger ".concat(isSelectedImage ? "une autre image ?" : "un autre fichier ?"), color: "bleu-allaw", variant: true, onClick: handleNewFileClick }))) : (React.createElement("div", { className: styles.limits },
             React.createElement("div", { className: styles.format },
                 React.createElement("span", { className: styles.limit_text },
                     acceptedLabel,
@@ -273,8 +273,9 @@ var FileUploader = function (_a) {
                 selectedFile && (React.createElement("div", { className: styles.uploaded_file_delete_container },
                     React.createElement("div", { className: styles.uploaded_file_delete, onClick: handleFileDelete },
                         React.createElement("i", { className: "allaw-icon-close" }))))),
-            React.createElement("div", { className: styles.uploaded_file_progress_bar }, uploadProgress > 0 && (React.createElement("div", { className: styles.progress_bar_container },
-                React.createElement("div", { className: styles.progress_bar_fill, style: { width: "".concat((uploadProgress / 10) * 100, "%") } })))))),
+            uploadProgress > 0 && (React.createElement("div", { className: styles.uploaded_file_progress_bar },
+                React.createElement("div", { className: styles.progress_bar_container },
+                    React.createElement("div", { className: styles.progress_bar_fill, style: { width: "".concat((uploadProgress / 10) * 100, "%") } })))))),
         showCropper && selectedFile && (React.createElement(ImageCropperModal, { file: selectedFile, shape: cropShape, onCancel: handleCropCancel, onConfirm: handleCropConfirm }))));
 };
 export default FileUploader;

package/dist/components/molecules/fileUploader/FileUploader.module.css

@@ -223,12 +223,13 @@
 }
 
 .uploaded_file_progress_bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 40px;
+  display: flex !important;
+  flex-direction: row !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 100% !important;
+  height: 40px !important;
+  margin-top: 8px !important;
 }
 
 .progress_bar_container {
@@ -237,12 +238,14 @@
   background-color: #e6edf5;
   border-radius: 2px;
   overflow: hidden;
+  display: block !important;
 }
 
 .progress_bar_fill {
   height: 100%;
   background-color: #25beeb;
   transition: width 0.3s ease-in-out;
+  display: block !important;
 }
 
 .drag_over {
@@ -398,15 +401,10 @@
   gap: 8px;
 }
 
-.file_info_container span {
-  font-family: var(--font-open-sans, sans-serif);
-  font-size: 14px;
-  color: var(----noir, #171e25);
-}
-
 .file_presentation_label {
   font-size: 14px;
-  color: var(--gris-03);
+  font-family: var(--font-open-sans, sans-serif);
+  color: var(----noir, #171e25);
 }
 
 .change_file_link {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",