<commit_before>// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled from 'styled-components';

import { Text } from '~components/primitives/Text';
import { Label } from '~components/text/Label';
import { Tooltip } from '~components/text/Tooltip';
import { Error } from '~components/text/Error';

// ─────────────────────────────────────────────────────────────────────────────
// helpers
// ─────────────────────────────────────────────────────────────────────────────

export const Input = styled(Text)`
  --shadow: 0 1px 0 0 hsla(var(--hsl-text), 0.5);
  --shadow-light: 0 1px 0 0 hsla(var(--hsl-text), 0.25);

  border: none;
  outline: none;
  resize: none;
  background-color: transparent;

  display: block;
  width: 100%;

  box-shadow: var(--shadow-light);
  padding: 2.5rem 0 1.5rem;

  & ~ ${Tooltip} {
    visibility: hidden;
    opacity: 0;
    transform: translateY(1rem);
  }

  &::placeholder {
    opacity: 0.25;
  }

  &:not(:read-only):not(:disabled) {
    :hover {
      box-shadow: var(--shadow);
      ::placeholder {
        opacity: 0.5;
      }
    }<commit_msg>remove inputs ios appearance<commit_after>// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled from 'styled-components';

import { Text } from '~components/primitives/Text';
import { Label } from '~components/text/Label';
import { Tooltip } from '~components/text/Tooltip';
import { Error } from '~components/text/Error';

// ─────────────────────────────────────────────────────────────────────────────
// helpers
// ─────────────────────────────────────────────────────────────────────────────

export const Input = styled(Text)`
  --shadow: 0 1px 0 0 hsla(var(--hsl-text), 0.5);
  --shadow-light: 0 1px 0 0 hsla(var(--hsl-text), 0.25);

  appearance: none;
  border: none;
  outline: none;
  resize: none;
  background-color: transparent;

  display: block;
  width: 100%;

  box-shadow: var(--shadow-light);
  border-radius: 0;
  padding: 2.5rem 0 1.5rem;

  & ~ ${Tooltip} {
    visibility: hidden;
    opacity: 0;
    transform: translateY(1rem);
  }

  &::placeholder {
    opacity: 0.25;
  }

  &:not(:read-only):not(:disabled) {
    :hover {
      box-shadow: var(--shadow);
      ::placeholder {
        opacity: 0.5;
      }
    }
{'fraction_non_alphanumeric': 0.37635270541082166, 'fraction_numerical': 0.022845691382765532, 'mean_word_length': 4.042424242424242, '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': '5376614', 'n_tokens_mistral': 1044, 'n_tokens_neox': 766, 'n_words': 167}