How to automatically add className to all the styled-components?
Hi! I'm looking for a way to automatically add className to all the styled components (e.q. const MyButton = styled.button `` should then have <button class="MyButton" ... ). since we're creating components which are then used also in other projects and we want to enable for…
[TypeScript] How to extract the prop types of a CSS util/mixin?
Looking for a way to get the prop types not of a component but a CSS util, e.g.: And then the component that uses it (PropType is the thing I'm looking for. React.Component<...> doesn't work here because Mixin is not a component, and TypeScript's native Parameters<...> doesn't…
CSS Grid and prefixing?
I'm noticing that I'm not getting any vendor prefixes in IE11 for CSS Grid properties. I believe Styled Components is using autoprefixer under the hood and I think there are some configuration options that can be used with regard to Grid properties and how autoprefixer processes…
Design System with microrepo architecture
Hi! I'm working on the product that will need to provide few (3-4) CRA projects. There is also a must have priority on themes, because I'll need to cover 100+ themes for different clients for all the apps. I've started to implement the solution with few react libraries: 1.…
Help when using styled-components with ant design
There is probably a way to do this, but this is my first time using styled components and ant design... I want to find out how to target elements that only appear in the DOM tree when triggered, such as the input select options from ant design? They are a completely separate…
Does a theme need to be bundled when using NextJS?
I'm trying to optimize a nextJS application and I noticed that in our bundle our entire theme is appearing, even though we're pre-rendering the pages. I'm wondering if there's a way to make our bundle smaller by eliminating the theme itself, since we don't really need it after…
Does anyone know of a way to make the css prop feature work without Babel?
I've been playing with ESBuild and it is SO MUCH FASTER and our projects all seem to be building fine -including the standard "styled" api of SC ...but since there is no Babel plugin, anytime we've used the CSS prop approach these just get left as CSS attributes in the HTML…