<commit_before>// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

@import 'package:angular_components/material_popup/mixins';

// Sass mixins for customizing material-input

/// Changes the material-input's label to be $color
@mixin input-label-color($color) {
  ::ng-deep .top-section > .input-container > .label > .label-text {
    color: $color;
  }
}

@mixin input-leading-glyph-color($color) {
  ::ng-deep .glyph {
    color: $color;
  }
}

/// Changes the padding of the top section (without underline) of material
/// input.
@mixin input-top-section-padding($padding) {
  ::ng-deep .top-section {
    padding: $padding;
  }
}

/// Changes the margin of the top section (without underline) of material
/// input.
@mixin input-top-section-margin($margin) {
  ::ng-deep .top-section {
    margin: $margin;
  }
}

/// Changes the line-height of the top section (without underline) of material
/// input.
@mixin input-top-section-line-height($line-height) {
  ::ng-deep .top-section {
    line-height: $line-height;
  }
}

/// Hides the bottom section of material input.
@mixin input-hide-bottom-section() {
  ::ng-deep .bottom-section {
    display: none;
  }
}

/// Changes the bottom section padding of material input.
@mixin input-bottom-section-padding($padding) {
  ::ng-deep .bottom-section {
    padding: $padding;
  }
}

/// Changes the padding of the leading text.
@mixin material-input-leading-text-padding($padding) {
  ::ng-deep .leading-text {
    padding: $padding;
  }
}

/// Changes the color of the leading text.
@mixin material-input-leading-text-color($color) {
  ::ng-deep .leading-text {
    color: $color;
  }
}

/// Changes the `$primary-color`in the material-input which includes the label
/// text and underline.
@mixin material-input-theme($primary-color) {
  ::ng-deep material-input.themeable {
    @include material-input-focused-underline-color($primary-color);

    .cursor {
      background-color: $primary-color;
    }

    .focused.label-text {
      color: $primary-color;
    }
  }
}

/// Changes the bottom section of the material input to not wrap.
@mixin error-text-nowrap() {
  ::ng-deep .error-text {
    white-space: nowrap;
  }
}

@mixin error-text-width($width) {
  ::ng-deep .error-text {
    position: absolute;
    width: $width;
  }
}

@mixin material-input-no-underline() {
  ::ng-deep .underline {
    display: none;
  }
}

@mixin input-enforce-ltr() {
  ::ng-deep {
    .input,
    .textarea {
      /*! @noflip */
      direction: ltr;

      :host-context([dir="rtl"]) & {
        /*! @noflip */
        text-align: right;
      }
    }
  }
}

@mixin material-input-display-focused-underline() {
  ::ng-deep .focused-underline {
    transform: scale(1);
    visibility: visible;
  }
}

@mixin material-input-focused-underline-color($color) {
  ::ng-deep .focused-underline:not(.invalid) {
    background-color: $color;
  }
}

/// Changes the underline color when not in focus.
@mixin material-input-unfocused-underline-color($color) {
  ::ng-deep .unfocused-underline {
    background-color: $color;
  }
}

/// Changes the disabled dotted underline color.
@mixin material-input-disabled-underline-color($color) {
  ::ng-deep .disabled-underline {
    border-color: $color;
  }
}

@mixin material-input-disabled-input-color($color) {
  ::ng-deep .disabledInput {
    color: $color;
  }
}
<commit_msg>Using existing mixins for material auto suggest input.  Needed to make a new mixin to allow removing the padding from the whole input not just the top/bottom sections.<commit_after>// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

@import 'package:angular_components/material_popup/mixins';

// Sass mixins for customizing material-input

/// Changes the material-input's label to be $color
@mixin input-label-color($color) {
  ::ng-deep .top-section > .input-container > .label > .label-text {
    color: $color;
  }
}

@mixin input-leading-glyph-color($color) {
  ::ng-deep .glyph {
    color: $color;
  }
}

/// Changes the padding of the top section (without underline) of material
/// input.
@mixin input-top-section-padding($padding) {
  ::ng-deep .top-section {
    padding: $padding;
  }
}

/// Changes the margin of the top section (without underline) of material
/// input.
@mixin input-top-section-margin($margin) {
  ::ng-deep .top-section {
    margin: $margin;
  }
}

/// Changes the padding around the material-input.
@mixin input-padding($padding) {
  ::ng-deep material-input.themeable {
    padding: $padding;
  }
}

/// Changes the line-height of the top section (without underline) of material
/// input.
@mixin input-top-section-line-height($line-height) {
  ::ng-deep .top-section {
    line-height: $line-height;
  }
}

/// Hides the bottom section of material input.
@mixin input-hide-bottom-section() {
  ::ng-deep .bottom-section {
    display: none;
  }
}

/// Changes the bottom section padding of material input.
@mixin input-bottom-section-padding($padding) {
  ::ng-deep .bottom-section {
    padding: $padding;
  }
}

/// Changes the padding of the leading text.
@mixin material-input-leading-text-padding($padding) {
  ::ng-deep .leading-text {
    padding: $padding;
  }
}

/// Changes the color of the leading text.
@mixin material-input-leading-text-color($color) {
  ::ng-deep .leading-text {
    color: $color;
  }
}

/// Changes the `$primary-color`in the material-input which includes the label
/// text and underline.
@mixin material-input-theme($primary-color) {
  ::ng-deep material-input.themeable {
    @include material-input-focused-underline-color($primary-color);

    .cursor {
      background-color: $primary-color;
    }

    .focused.label-text {
      color: $primary-color;
    }
  }
}

/// Changes the bottom section of the material input to not wrap.
@mixin error-text-nowrap() {
  ::ng-deep .error-text {
    white-space: nowrap;
  }
}

@mixin error-text-width($width) {
  ::ng-deep .error-text {
    position: absolute;
    width: $width;
  }
}

@mixin material-input-no-underline() {
  ::ng-deep .underline {
    display: none;
  }
}

@mixin input-enforce-ltr() {
  ::ng-deep {
    .input,
    .textarea {
      /*! @noflip */
      direction: ltr;

      :host-context([dir="rtl"]) & {
        /*! @noflip */
        text-align: right;
      }
    }
  }
}

@mixin material-input-display-focused-underline() {
  ::ng-deep .focused-underline {
    transform: scale(1);
    visibility: visible;
  }
}

@mixin material-input-focused-underline-color($color) {
  ::ng-deep .focused-underline:not(.invalid) {
    background-color: $color;
  }
}

/// Changes the underline color when not in focus.
@mixin material-input-unfocused-underline-color($color) {
  ::ng-deep .unfocused-underline {
    background-color: $color;
  }
}

/// Changes the disabled dotted underline color.
@mixin material-input-disabled-underline-color($color) {
  ::ng-deep .disabled-underline {
    border-color: $color;
  }
}

@mixin material-input-disabled-input-color($color) {
  ::ng-deep .disabledInput {
    color: $color;
  }
}

{'fraction_non_alphanumeric': 0.1481431097809822, 'fraction_numerical': 0.0013603591348115903, 'mean_word_length': 3.010911074740862, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4128413', 'n_tokens_mistral': 2443, 'n_tokens_neox': 2392, 'n_words': 611}