TASK: Extract input-label from form-input

import {Component, Prop} from '@stencil/core';

@Component({

  tag: 'neos-form-input-label',

  styleUrl: 'styles/form-input-label.dark.scss',

  shadow: true

})

export class FormInputLabel {

  @Prop() label: string;

  render() {

    return (

      <div class="label">

        <neos-label label={this.label}></neos-label>

        <div class="metadata">

          <slot/>

        </div>

      </div>

    );

  }

}

@import "./form-input-label";

@import "./form-input-label.dark.vars";

:host {

  color: $text-dark-color-value;

  font-family: $font-family-dark-base;

  font-weight: 400;

  font-size: $font-size-dark-base;

  line-height: 1.1;

  .metadata {

    margin-left: auto;

  }

}

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

@import "./form-input-label.vars";

:host {

  @include font-smoothing();

}

.label {

  display: flex;

  align-items: flex-end;

}

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