43081j / 43081j/postcss-styled-components
Declarations that use interpolations with Props seem to be ignored
- 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