remove default margin from base field

.changeset/nervous-teachers-obey.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Remove default margin from base field, hidden by future flag

packages/component-library/src/components/form/_internal/mt-base-field/mt-base-field.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mt-field" :class="classes">
+  <div class="mt-field" :class="{ ...classes, ...fieldClasses }">
     <div class="mt-field__label">
       <mt-inheritance-switch
         v-if="isInheritanceField"
@@ -51,14 +51,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
+import { computed, defineComponent } from "vue";
 import MtInheritanceSwitch from "../mt-inheritance-switch/mt-inheritance-switch.vue";
 import MtFieldCopyable from "../mt-field-copyable/mt-field-copyable.vue";
 import MtHelpText from "../../mt-help-text/mt-help-text.vue";
 import useEmptySlotCheck from "../../../../composables/useEmptySlotCheck";
 import MtValidationMixin from "../../../../mixins/validation.mixin";
 import MtFormFieldMixin from "../../../../mixins/form-field.mixin";
 import { createId } from "../../../../utils/id";
+import { useFutureFlags } from "@/composables/useFutureFlags";
 
 export default defineComponent({
   name: "MtBaseField",
@@ -234,8 +235,14 @@ export default defineComponent({
   setup() {
     const { hasSlotContent } = useEmptySlotCheck();
 
+    const future = useFutureFlags();
+    const fieldClasses = computed(() => ({
+      "mt-field--future-remove-default-margin": future.removeDefaultMargin,
+    }));
+
     return {
       hasSlotContent,
+      fieldClasses,
     };
   },
 });
@@ -251,6 +258,10 @@ $mt-field-transition:
   width: 100%;
   margin-bottom: 32px;
 
+  &.mt-field--future-remove-default-margin {
+    margin-bottom: 0;
+  }
+
   .mt-field__help-text {
     margin-left: 4px;
     align-self: center;