babel-plugin-styled-components

babel-plugin-styled-components copied to clipboard

Plugin does not desugar array syntax

4

It appears this plugin breaks when styled components is used in array mode: ```js const Comp = styled.div`${func1}${func2}`; // This gets desugared const funcs = [func1, func2] const Comp =...

ryardley

moduleName option

3

Hey. This plugin only works with `styled-components`, not other packages that export an object with the same interface. I know there aren't many, but this is causing issues with ssr...

gabiseabra

A comment in style produces an error

1

const HeaderUser = styled.a` font-size: 0; width: 42px; height: 42px; flex-shrink: 0; &:hover { border: 0; margin-top: -10px; padding-top: 7px; border-top: 3px solid rgb(255, 255, 255); /* ${HeaderAvatar} { border:...

XenTerSeO

Cannot comment out styles with interpolated values

2

_originally filed here_ https://github.com/withspectrum/react-app-rewire-styled-components/issues/6 # Problem When commenting out an interpolated value from within a styled component, an error is thrown: ``` ./src/App.js Module build failed: TypeError: ./App.js: Property value...

christiannaths

Bug with custom default import name + component selector

1

```js import React from 'react'; import { create as render } from 'react-test-renderer'; import styledSc, { ThemeProvider } from 'styled-components'; const Ancestor = styledSc.div` color: red; `; const Child =...

quantizor

Vite + babel-plugin-styled-components throws

3

Hello, the problem seem to be related to wrapping svg Icons with styled-components, but it is very hard to follow. I know this is not much for investigating, but i...

eldar-mekhraliev

### Version 2.1.4 ### Steps to reproduce 1. Clone my repo https://github.com/kolesker/ts-jest-styled-display-name-bug 2. Choose jest-26 or jest-29 paths to test 3. npm install 4. npm run test ### Expected behavior...

kolesker

Lodash is a very large library that impacts performance of downstream projects, and importing it in its entirety is no longer required. This library should be changed to use a...

hcourt

Can we config the displayName form? For example, if a styled component named `StyledTabBar`, we could transform it to `tab-bar`. The config option could be like: ```javascript { plugins: [...

otomad

I am using [unplugin-auto-import](https://github.com/unplugin/unplugin-auto-import) with babel-plugin-styled-components. Then we didn't required to explicit import { styled, createGlobalStyle } from "styled-components" and so on, just directly use them. However, babel-plugin-styled-components doesn't recognize...

otomad