@community-release/nx-ui 0.0.51 → 0.0.53

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.51"
+  "version": "0.0.53"
 }

package/dist/runtime/components/button/index.vue

@@ -157,13 +157,13 @@
 		};
 
 		// Handle navigate
-		if (computedType == 'a') {
-			if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
+		// if (computedType == 'a') {
+		// 	if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
 
-			e.preventDefault();
+		// 	e.preventDefault();
 
-			router.push(props.href);
-		}
+		// 	router.push(props.href);
+		// }
 	}
 </script>
 

package/dist/runtime/components/file-input/index.vue

@@ -77,6 +77,10 @@
 					"drag-and-drop": "Or drag and drop file to upload."
 				};
 			}
+		},
+		multiple: {
+			type: Boolean,
+			default: false,
 		}
 	});
 
@@ -94,20 +98,18 @@
 	const { files, open: openFileDialogue, reset, onCancel, onChange: inputOnChange } = useFileDialog({
 		//accept: 'image/*', // Set to accept only image files
 		accept: allowedTypes, // Set to accept only image files
-		multiple: true,
+		multiple: props.multiple,
 	});
-	inputOnChange(e => { filesList.value.push( ...createFileInputFiles(e) ); });
+	inputOnChange(e => { handleInputUpdate(e); });
 
 	// Handle drag and drop zone
 	const refDropZone = ref();
 	const { isOverDropZone } = useDropZone(refDropZone, {
-		onDrop(e) {
-			filesList.value.push( ...createFileInputFiles(e) );
-		},
+		onDrop: handleInputUpdate,
 		// specify the types of data to be received.
 		dataTypes: allowedTypes,
 		// control multi-file drop
-		multiple: true,
+		multiple: props.multiple,
 		// whether to prevent default behavior for unhandled events
 		preventDefaultForUnhandled: false,
 	});
@@ -173,6 +175,13 @@
 		return ar.length ? ar.map(v => v.file) : [];
 	}
 
+	function handleInputUpdate(e) {
+		if (props.multiple)
+			filesList.value.push( ...createFileInputFiles(e) ); 
+		else
+			filesList.value = createFileInputFiles(e);
+	}
+
 // Hooks
 
 </script>

package/dist/runtime/components/label/index.vue

@@ -2,7 +2,9 @@
 	<div>
 		<div class="component-ui-label" :class="[`tag-size-${size}`, `tag-weight-${weight}`, required ? 'tag-required' : '']">
 			<component :is="isLegend ? 'legend' : 'label'" class="component-ui-label--text" :for="labelFor">
-				{{ text }} <span v-if="required" aria-hidden="true">*</span>
+				{{ text }} <span v-if="required" aria-hidden="true" class="required">*</span>
+
+				<span v-if="description" class="description" v-html="description"></span>
 			</component>
 			<slot />
 		</div>
@@ -18,6 +20,9 @@
 		text: {
 			default: '',
 		},
+		description: {
+			default: '',
+		},
 		fieldset: {
 			type: Boolean,
 			default: false,
@@ -50,6 +55,7 @@
 @com-font-weight-medium: var(--ui-font-weight-medium);
 
 @com-color-header-text: var(--ui-color-header-text);
+@com-color-gray-text: var(--ui-color-gray-text);
 @com-color-red: var(--ui-color-red);
 
 @com-text-big: var(--ui-text-big);
@@ -65,6 +71,12 @@
 		font-weight: @com-font-weight-medium;
 		font-size: @com-text-default;
 		color: @com-color-header-text;
+
+		.description {
+			display: block;
+			font-weight: normal;
+			color: @com-color-gray-text;
+		}
 	}
 
 	// Text size
@@ -80,7 +92,7 @@
 	&.tag-weight-400 > .component-ui-label--text { font-weight: 400; }
 
 	// Required
-	&.tag-required .component-ui-label--text span {
+	&.tag-required .component-ui-label--text .required {
 		color: @com-color-red;
 		font-weight: bold;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@community-release/nx-ui",
-	"version": "0.0.51",
+	"version": "0.0.53",
 	"packageManager": "pnpm@10.14.0",
 	"description": "nx-ui - Nuxt UI library",
 	"repository": {