TASK: Missing component from the previous commit

src/components/form-input-wrapper/form-input-wrapper.tsx

+import {Component, Prop} from '@stencil/core';
+
+@Component({
+  tag: 'neos-form-input-wrapper',
+  styleUrl: 'styles/form-input-wrapper.dark.scss',
+  shadow: true
+})
+export class FormInputWrapper {
+
+  @Prop() label: string;
+
+  render() {
+    return (
+      <div class="label-wrapper">
+        <div class="label">
+          <neos-label label={this.label}></neos-label>
+        </div>
+        <div class="metadata">
+          <slot name="metadata"/>
+        </div>
+      </div>
+    );
+  }
+}

src/components/form-input-wrapper/styles/form-input-wrapper.dark.scss

+@import "./form-input-wrapper";
+@import "./form-input-wrapper.dark.vars";
+
+:host {
+  display: flex;
+  color: $text-dark-color-value;
+  font-family: $font-family-dark-base;
+  font-weight: 400;
+  font-size: $font-size-dark-base;
+  line-height: 1.1;
+
+  .label-wrapper {
+    flex: 1;
+  }
+
+  .metadata {
+    margin-left: auto;
+  }
+}

src/components/form-input-wrapper/styles/form-input-wrapper.dark.vars.scss

+@import "../../../themes/neos.globals.dark";
+

src/components/form-input-wrapper/styles/form-input-wrapper.scss

+@import "./form-input-wrapper.vars";
+
+:host {
+  @include font-smoothing();
+}
+
+.label-wrapper {
+  display: flex;
+  align-items: flex-end;
+}

src/components/form-input-wrapper/styles/form-input-wrapper.vars.scss

+@import "../../../themes/neos.globals";