<commit_before>/* stylelint-disable no-descending-specificity */
/* stylelint-disable rule-empty-line-before */
import styled from 'styled-components'
import {Button, scale, StyledSpan, theme, StyledItemLabel} from 'tocco-ui'

export const SearchFilterListWrapper = styled.div`
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
`

export const StyledSpanSearchFilter = styled(StyledSpan)`
  width: 90%;
`

export const StyledAddRemoveButton = styled(Button)`
  && {
    background-color: transparent;
    border: 0;
    height: auto;
    border-radius: 0;
    padding: 0 ${scale.space(-2.5)} 0 0;

    &:hover * {
      color: ${({active}) => (active ? theme.color('paper') : theme.color('secondary'))} !important;
    }
  }
`

export const StyledMenuWrapper = styled.div`
  &&& {
    button {
      background-color: transparent;
      padding: 0 ${scale.space(-1)} 0 0;
    }

    &:hover button {
      color: ${({active}) => (active ? theme.color('paper') : theme.color('secondary'))};
      cursor: pointer;
    }
  }
`

export const StyleButtonWrapper = styled.div`
  display: flex;
  ${/* sc-selector */ StyledMenuWrapper} button,
  ${/* sc-selector */ StyledAddRemoveButton} * {
    color: transparent;
  }
`

export const StyledSearchFilterButton = styled.div`
  border-radius: ${theme.radii('medium')};
  display: flex;
  padding: 0.3rem 0 0.3rem 1rem;
  margin-bottom: 0.2rem;
  background-color: ${({active}) => active && theme.color('secondary')};
  justify-content: flex-end;

  && {
    *:not(${/* sc-selector */ StyledItemLabel}) {
      color: ${({active}) => active && theme.color('paper')};
    }
  }

  &:hover {
    ${/* sc-selector */ StyledSpanSearchFilter},
    ${/* sc-selector */ StyledMenuWrapper} button,
    ${/* sc-selector */ StyledAddRemoveButton} * {
      color: ${theme.color('paper')};
    }
    background-color: ${({active}) => !active && theme.color('secondaryLight')};
    cursor: pointer;
  }
`

export const StyledMessageWrapper = styled.div`
  padding-left: 8px;
`<commit_msg>refactor(entity-list): show button icons on mobile<commit_after>/* stylelint-disable no-descending-specificity */
/* stylelint-disable rule-empty-line-before */
import styled, {css} from 'styled-components'
import {Button, scale, StyledSpan, theme, StyledItemLabel, isTouchDevice} from 'tocco-ui'

export const SearchFilterListWrapper = styled.div`
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
`

export const StyledSpanSearchFilter = styled(StyledSpan)`
  width: 90%;
`

export const StyledAddRemoveButton = styled(Button)`
  && {
    background-color: transparent;
    border: 0;
    height: auto;
    border-radius: 0;
    padding: 0 ${scale.space(-2.5)} 0 0;

    &:hover * {
      color: ${({active}) => (active ? theme.color('paper') : theme.color('secondary'))} !important;
    }
  }
`

export const StyledMenuWrapper = styled.div`
  &&& {
    button {
      background-color: transparent;
      padding: 0 ${scale.space(-1)} 0 0;
    }

    &:hover button {
      color: ${({active}) => (active ? theme.color('paper') : theme.color('secondary'))};
      cursor: pointer;
    }
  }
`

export const StyleButtonWrapper = styled.div`
  display: flex;
  ${/* sc-selector */ StyledMenuWrapper} button,
  ${/* sc-selector */ StyledAddRemoveButton} * {
    color: transparent;
  }
`

export const StyledSearchFilterButton = styled.div`
  border-radius: ${theme.radii('medium')};
  display: flex;
  padding: 0.3rem 0 0.3rem 1rem;
  margin-bottom: 0.2rem;
  background-color: ${({active}) => active && theme.color('secondary')};
  justify-content: flex-end;

  && {
    *:not(${/* sc-selector */ StyledItemLabel}) {
      color: ${({active}) => active && theme.color('paper')};
    }
  }
  ${!isTouchDevice &&
  css`
    &:hover {
      ${/* sc-selector */ StyledSpanSearchFilter},
      ${/* sc-selector */ StyledMenuWrapper} button,
      ${/* sc-selector */ StyledAddRemoveButton} * {
        color: ${theme.color('paper')};
      }
      background-color: ${({active}) => !active && theme.color('secondaryLight')};
      cursor: pointer;
    }
  `}
  ${isTouchDevice &&
  css`
    ${/* sc-selector */ StyledSpanSearchFilter},
    ${/* sc-selector */ StyledMenuWrapper} button,
    ${/* sc-selector */ StyledAddRemoveButton} * {
      color: ${theme.color('secondary')};
    }
  `}
`

export const StyledMessageWrapper = styled.div`
  padding-left: 8px;
`
{'fraction_non_alphanumeric': 0.17329675354366714, 'fraction_numerical': 0.01188843164151806, 'mean_word_length': 3.410282258064516, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '1568319', 'n_tokens_mistral': 1500, 'n_tokens_neox': 1433, 'n_words': 298}