fix(NcFormGroup): remove margin when no label/description

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

[skip ci]

Author: ShGKme

src/components/NcFormGroup/NcFormGroup.vue

@@ -39,11 +39,11 @@ const props = withDefaults(defineProps<{
 const slots = useSlots()
 
 const id = `nc-form-group-${createElementId()}`
-const labelId = `${id}-label`
 const descriptionId = `${id}-description`
 
 const hasDescription = () => !!props.description || !!slots.description
 const getDescriptionId = () => hasDescription() ? descriptionId : undefined
+const hasContentOnly = () => hideLabel && (!hasDescription() || hideDescription)
 </script>
 
 <template>
@@ -95,8 +95,7 @@ const getDescriptionId = () => hasDescription() ? descriptionId : undefined
 	flex-direction: column;
 	gap: var(--form-group-content-gap);
 	margin-block-start: calc(4 * var(--default-grid-baseline));
-
-	&:first-child {
+	&.formGroup__content_only {
 		margin-block-start: 0;
 	}
 }
@@ -126,4 +125,22 @@ Labelled group of form elements.
 	</NcFormGroup>
 </template>
 ```
+
+### Hidden label/description
+
+You can visually hide the label and/or the description.\
+Note: you still must provide the label. Do not visually hide the missing label warning!
+
+```vue
+<template>
+	<NcFormGroup
+		label="Personal information"
+		description="Your contact details"
+		hide-label
+		hide-description>
+		<NcTextField label="First name" />
+		<NcTextField label="Last name" />
+	</NcFormGroup>
+</template>
+```
 </docs>