//
// Copyright IBM Corp. 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@import 'carbon-components/scss/components/file-uploader/file-uploader';

:host(#{$prefix}-file-uploader-shell) {
  @extend .#{$prefix}--form-item;

  align-items: stretch;
}

:host(#{$prefix}-file-drop-container) {
  @extend .#{$prefix}--file;
}

:host(#{$prefix}-file-uploader-item) {
  @extend .#{$prefix}--file__selected-file;

  &[invalid] {
    @extend .#{$prefix}--file__selected-file--invalid;

    .#{$prefix}--form-requirement__title,
    .#{$prefix}--form-requirement__supplement {
      @include type-style('label-01');
      padding: 0 $carbon--spacing-05;
    }

    .#{$prefix}--form-requirement {
      color: $text-error;
      display: block;
    }

    .#{$prefix}--form-requirement__supplement {
      color: $text-01;
    }
  }

  &[size='field'] {
    min-height: $container-03;
  }

  &[size='sm'] {
    min-height: $container-02;
  }
}
