43081j / 43081j/postcss-styled-components

Declarations that use interpolations with Props seem to be ignored

Abierto
#8 4 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
12
Forks
1
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

Emotion allows changing styles based on Props ( https://emotion.sh/docs/styled#changing-based-on-props ).
Right now declarations using this synthax seem to be ignored by the linter.

I think that for example the following cases should result in an error:

Example 1:
https://stylelint.io/user-guide/rules/declaration-block-no-duplicate-properties

```
const Button = styled.button`
color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
`
```

Example 2:
https://stylelint.io/user-guide/rules/color-no-invalid-hex

```
const Button = styled.button`
color: ${(props) => (props.primary ? '#f00' : '#00')};
`;
```

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

El issue trata de que el linter ignora las declaraciones de estilo que usan interpolaciones con Props en styled-components. Revisa el parser del plugin de sintaxis postcss-styled-components para ver cómo gestiona actualmente las interpolaciones de template literals. Deben añadirse casos de prueba para verificar que se detectan las reglas de propiedades duplicadas y de colores hexadecimales no válidos cuando se usan Props. Revisa la suite de pruebas para encontrar ejemplos existentes de parsing de styled-components.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Área
devtools, testing-qa
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
55/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.