<commit_before>@import '../bootstrap'
@import '../theme'

/* Theme */
input-group($material)
  input,
  textarea
    color: $material.text.primary

    &:disabled
      color: $material.text.disabled

  .input-group__details
    color: $material.text.secondary

  &.input-group--textarea:not(.input-group--full-width)
    textarea
      border: 2px solid $material.text.secondary

  // This is specific for selects
  &.input-group--dirty
    .input-group__selections__comma
      color: $material.text.primary

  &:not(.input-group--error)
    label
      color: $material.text.secondary

    .input-group__details:before
      background-color: $material.input-bottom-line

    &:not(.input-group--focused)
      .input-group__input
        .input-group__append-icon,
        .input-group__prepend-icon
          color: $material.text.secondary

      &:not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover
        .input-group__details:before
          background-color: $material.text.primary

        &.input-group--textarea:not(.input-group--full-width)
          textarea
            border-color: $material.text.primary

  .input-group__counter
    color: $material.text.secondary

  &.input-group
    &--overflow, &--segmented, &--editable
      .input-group__input,
      .input-group__details
        &:before
          background-color: $material.dividers

  &.input-group--disabled
    input,
    // textarea
      color: $material.text.secondary

    .input-group__details:before
      background-color: transparent
      background-image: linear-gradient(
        to right,
        $material.text.disabled 0,
        $material.text.disabled 33%,
        transparent 0
      )

  .input-group--text-field
    &__prefix, &__suffix
      color: $material.text.secondary

theme(input-group, "input-group")

.input-group
  display: flex
  flex: 1
  flex-wrap: wrap
  min-width: 24px
  padding: $input-group-padding
  position: relative
  width: 100%
  outline: none<commit_msg>fixes disabled textfield colors #1472 (#1474)<commit_after>@import '../bootstrap'
@import '../theme'

/* Theme */
input-group($material)
  input,
  textarea
    color: $material.text.primary

    &:disabled
      color: $material.text.disabled

  .input-group__details
    color: $material.text.secondary

  &.input-group--textarea:not(.input-group--full-width)
    textarea
      border: 2px solid $material.text.secondary

  // This is specific for selects
  &.input-group--dirty
    .input-group__selections__comma
      color: $material.text.primary

  &:not(.input-group--error)
    label
      color: $material.text.secondary

    &.input-group--disabled
      label
        color: $material.text.disabled

    .input-group__details:before
      background-color: $material.input-bottom-line

    &:not(.input-group--focused)
      .input-group__input
        .input-group__append-icon,
        .input-group__prepend-icon
          color: $material.text.secondary

      &:not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover
        .input-group__details:before
          background-color: $material.text.primary

        &.input-group--textarea:not(.input-group--full-width)
          textarea
            border-color: $material.text.primary

  .input-group__counter
    color: $material.text.secondary

  &.input-group
    &--overflow, &--segmented, &--editable
      .input-group__input,
      .input-group__details
        &:before
          background-color: $material.dividers

  &.input-group--disabled
    .input-group__details:before
      background-color: transparent
      background-image: linear-gradient(
        to right,
        $material.text.disabled 0,
        $material.text.disabled 33%,
        transparent 0
      )

  .input-group--text-field
    &__prefix, &__suffix
      color: $material.text.secondary

    &.input-group--disabled
      &__prefix, &__suffix
        color: $material.text.disabled

theme(input-group, "input-group")

.input-group
  display: flex
  flex: 1
  flex-wrap: wrap
  min-width: 24px
  padding: $input-group-padding
  position: relative
  width: 100%
  outline: none
{'fraction_non_alphanumeric': 0.12956419316843346, 'fraction_numerical': 0.007067137809187279, 'mean_word_length': 2.559094719195306, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1070680', 'n_tokens_mistral': 1357, 'n_tokens_neox': 1272, 'n_words': 221}