<commit_before>import * as React from 'react';
import styled from 'styled-components';

interface Props {
  name: string;
  label: string;
  value: string | number;
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
}

const Wrapper = styled.div`
  display: flex;
  flex-direction: column-reverse;
  max-width: 250px;
  
  &:hover input {
     box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.35);
  }
`;

const Label = styled.label`
  font-size: 12px;
  margin: 0 0 7px;
  transition: all 300ms ease;
`;

const Input = styled.input`
  outline: 0; 
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  border: none;
  margin-right: 24px;
  padding-bottom: 7px;
  transition: all 300ms ease;

  &:focus {
    box-shadow: inset 0 -2px 0 0 #1976d2;
  }

  &:focus ~ ${Label} {<commit_msg>Fix input hover<commit_after>import * as React from 'react';
import styled from 'styled-components';

interface Props {
  name: string;
  label: string;
  value: string | number;
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
}

const Wrapper = styled.div`
  display: flex;
  flex-direction: column-reverse;
  max-width: 250px;
`;

const Label = styled.label`
  font-size: 12px;
  transition: all 300ms ease;
  padding-bottom: 7px;
`;

const Input = styled.input`
  outline: 0;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  border: none;
  margin-right: 24px;
  padding-bottom: 7px;
  transition: all 300ms ease;

  &:hover {
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.35);
  }

  &:focus {
    box-shadow: inset 0 -2px 0 0 #1976d2;
  }

  &:focus ~ ${Label} {
{'fraction_non_alphanumeric': 0.14025157232704402, 'fraction_numerical': 0.05786163522012579, 'mean_word_length': 3.3116531165311653, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, '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': '4376427', 'n_tokens_mistral': 688, 'n_tokens_neox': 597, 'n_words': 181}