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,18 +39,18 @@ 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 = () => props.hideLabel && (!hasDescription() || props.hideDescription)
 </script>
 
 <template>
 	<fieldset
 		:class="[$style.formGroup, { [$style.formGroup_noGap]: noGap }]"
 		:aria-describedby="getDescriptionId()">
-		<legend :id="labelId" :class="[$style.formGroup__label, { 'hidden-visually': hideLabel }]">
+		<legend :class="[$style.formGroup__label, { 'hidden-visually': hideLabel }]">
 			<!-- @slot Custom label content -->
 			<slot name="label">
 				{{ label || '⚠️ Missing label' }}
@@ -62,7 +62,7 @@ const getDescriptionId = () => hasDescription() ? descriptionId : undefined
 				{{ description }}
 			</slot>
 		</div>
-		<div :class="$style.formGroup__content">
+		<div :class="[$style.formGroup__content, { [$style.formGroup__content_only]: hasContentOnly() }]">
 			<!-- @slot Content -->
 			<slot />
 		</div>
@@ -96,7 +96,7 @@ const getDescriptionId = () => hasDescription() ? descriptionId : undefined
 	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 +126,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>