<commit_before>import styled, {css} from 'styled-components'

import {StyledInputCss} from '../EditableValue/StyledEditableValue'

const StyledText = css`
  ${StyledInputCss}
  width: 100%;
  grid-area: 1 / 1 / 2 / 2;
  max-height: 25rem;
  box-sizing: border-box;
`

export const StyledSizeWrapper = styled.div`
  display: grid;
  width: 100%;

  &:after {
    content: attr(data-replicated-value) ' ';
    white-space: pre-wrap;
    word-break: break-all;
    visibility: hidden;
    ${StyledText}

    /* prevent scrollbar on Firefox */
    padding-right: 15px;
  }
`

export const StyledTextarea = styled.textarea`
  ${StyledText}
  resize: none;
  margin: 0;

  &:empty {
    height: 2em;
  }
`
<commit_msg>feat(tocco-ui): show textarea bigger for better distinction<commit_after>import styled, {css} from 'styled-components'

import {StyledInputCss} from '../EditableValue/StyledEditableValue'

const StyledText = css`
  ${StyledInputCss}
  width: 100%;
  grid-area: 1 / 1 / 2 / 2;
  max-height: 25rem;
  box-sizing: border-box;
`

export const StyledSizeWrapper = styled.div`
  display: grid;
  width: 100%;

  &:after {
    content: attr(data-replicated-value) ' ';
    white-space: pre-wrap;
    word-break: break-all;
    visibility: hidden;
    ${StyledText}

    /* prevent scrollbar on Firefox */
    padding-right: 15px;
  }
`

export const StyledTextarea = styled.textarea`
  ${StyledText}
  resize: none;
  margin: 0;
  min-height: 4em;
`

{'fraction_non_alphanumeric': 0.13402061855670103, 'fraction_numerical': 0.021993127147766325, 'mean_word_length': 3.3723723723723724, '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': '2366831', 'n_tokens_mistral': 581, 'n_tokens_neox': 520, 'n_words': 125}