[SOLVED] css prop styles not appearing in built components
Hi, I'm working on a Component library built with React / Emotion / Styled System / Babel / Typescript / Rollup. I am finding that styles applied with the css prop are not appearing in my consuming app. The styles applied via Styled System are showing up. But the styles defined…
props.theme is `object` instead of `any`
Hi, I'm using emotion-theming along with TypeScript. In the lambda of a simple component using the styled API, props.theme is always of type object instead of any like indicated in the Emotion documentation. Versions: Additionally, if I bypass the error by casting props.theme to…
Vanilla Emotion Cache Usage
I am currently using vanilla Emotion in a widget and a component library (emotion as an external dependency) that the widget consumes. My widget is built as a web component and is using shadow dom. For encapsulation purposes I want all of the widget AND component styles attached…
How can I use multiple classes on an element with Emotion in Angular?
I'm having an issue trying to apply multiple classes to elements using Emotion, take this button and a class as a very rough example just to illustrate the point: Now if I have a second class which I also want to apply to the button: And apply that class also to the button: …
Emotion 10 class names in tests
I am converting from CSS Modules to Emotion and am having trouble with testing. Some of my tests check that certain class names get applied when their corresponding prop is passed to the component. CSS Modules allows you to disable the hashing/labeling and get the raw class name…
Pseudo selector syntax
I am trying to style the first and last list items and a pseudo element of each: However, no styles are being applied to the first/last element or their before elements. I have tried with the & in front also, but no luck. Is this 1. possible? 2. the correct syntax?