@uxf/ui 11.48.3 → 11.48.4

package/css/dropzone.css

@@ -51,7 +51,7 @@
     }
 
     &__item {
-        @apply space-x-6 sm:rounded-md sm:px-6;
+        @apply space-x-3 sm:rounded-md sm:px-6;
 
         align-items: center;
         border-color: theme("borderColor.lightBorder");

package/css/file-input.css

@@ -53,15 +53,11 @@
             }
 
             &__file-name {
-                white-space: pre-wrap;
-
-                @apply line-clamp-1;
+                @apply truncate;
             }
 
             &__file-name-link {
-                white-space: pre-wrap;
-
-                @apply line-clamp-1 hover:underline hover:underline-offset-2;
+                @apply truncate hover:underline hover:underline-offset-2;
             }
         }
     }

package/dropzone/dropzone.stories.js

@@ -43,7 +43,7 @@ function Default() {
     const [files, setFiles] = (0, react_1.useState)([]);
     const onChange = (0, action_1.action)("onChange", setFiles);
     const onRemoveConfirm = () => Promise.resolve(confirm("Do you want to delete the file?"));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { className: "max-w-screen-sm p-4" },
         react_1.default.createElement(toggle_1.Toggle, { label: "Disabled", name: "toggle", onChange: () => setIsDisabled((prev) => !prev), value: isDisabled }),
         react_1.default.createElement(toggle_1.Toggle, { label: "Only images upload", name: "toggle", onChange: () => setHasOnlyImagesAllowed((prev) => !prev), value: hasOnlyImagesAllowed }),
         react_1.default.createElement("div", { className: "flex items-center" },
@@ -58,6 +58,6 @@ function Default() {
         react_1.default.createElement(show_1.Show, { when: (0, is_not_empty_1.isNotEmpty)(files) },
             react_1.default.createElement("div", { className: "mt-6" },
                 react_1.default.createElement("p", null, "File response:"),
-                react_1.default.createElement(index_1.Dropzone.List, { className: "w-max bg-gray-200 p-4", name: "dropzone-list", onChange: onChange, onRemoveConfirm: onRemoveConfirm, renderItem: (file) => (react_1.default.createElement("li", { key: file.id },
-                        react_1.default.createElement("pre", { className: "text-wrap" }, JSON.stringify(file, null, 4)))), value: files })))));
+                react_1.default.createElement(index_1.Dropzone.List, { className: "max-w-full bg-gray-200 p-4", name: "dropzone-list", onChange: onChange, onRemoveConfirm: onRemoveConfirm, renderItem: (file) => (react_1.default.createElement("li", { className: "max-w-full", key: file.id },
+                        react_1.default.createElement("pre", { className: "whitespace-pre-wrap break-all" }, JSON.stringify(file, null, 4)))), value: files })))));
 }

package/file-input/file-input.stories.js

@@ -35,7 +35,7 @@ function Default() {
         // eslint-disable-next-line no-console
         console.log("Upload error", err);
     };
-    return (react_1.default.createElement("div", { className: "space-y-2 p-20" },
+    return (react_1.default.createElement("div", { className: "max-w-screen-sm space-y-2 p-20" },
         react_1.default.createElement("div", { className: "space-y-2" },
             react_1.default.createElement(index_1.FileInput, { label: "Default file input", name: "file-input", onChange: onChange, onUploadError: onUploadError, onUploadFile: upload_file_mock_1.uploadFile, value: value }),
             react_1.default.createElement(index_1.FileInput, { helperText: "Error file input", id: "error-file-input", isClearable: true, isInvalid: true, label: "Error file input", name: "file-input-error-message", onChange: onChange, onUploadError: onUploadError, onUploadFile: upload_file_mock_1.uploadFile, value: value }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.48.3",
+    "version": "11.48.4",
     "description": "",
     "publishConfig": {
         "access": "public"