<commit_before>/**
 * @file Input Group
 * @module Input Group
 * @overview Input group has an input and a button.  If the button has text, it
 * is alongside the input field, if it has an icon, it is positioned absolutely on top
 */

.input-group {
  display: flex;

  .input {
    @extend %body--sans-small;

    width: 100%;
    border: 1px solid color(border);
    margin: 0;
    padding: size(smaller) size(small);
    color: color(dark-text);
    border-radius: size(normal-corners);
    background: color(background);
    cursor: auto;

    &:focus {
      border-color: color(gray--light3);
    }
  }

  [data-button] {
    padding: size(smaller) size(small);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.input-group--button {
  .input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input,
  [data-button] {
    height: 48px;
  }
}

.input-group--button-icon {
  position: relative;
<commit_msg>Take .input styling out of the .input-group scope<commit_after>/**
 * @file Input Group
 * @module Input Group
 * @overview Input group has an input and a button.  If the button has text, it
 * is alongside the input field, if it has an icon, it is positioned absolutely on top
 */

 .input {
   @extend %body--sans-small;

   width: 100%;
   border: 1px solid color(border);
   margin: 0;
   border-radius: size(normal-corners);
   padding: size(smaller) size(small);
   color: color(dark-text);
   background: color(background);
   cursor: auto;

   &:focus {
     border-color: color(gray--light3);
   }
 }

// Generic Input Group, consists of an input and a button
.input-group {
  display: flex;

  .input {
    border-radius: size(normal-corners) 0 0 size(normal-corners);
  }

  [data-button] {
    padding: size(smaller) size(small);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.input-group--button {
  .input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input,
  [data-button] {
    height: 48px;
  }
}

.input-group--button-icon {
  position: relative;

{'fraction_non_alphanumeric': 0.13723608445297505, 'fraction_numerical': 0.012476007677543186, 'mean_word_length': 2.8256880733944953, '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': '2856311', 'n_tokens_mistral': 747, 'n_tokens_neox': 704, 'n_words': 197}