To reproduce:

$ npm pack styled-jsx@3.2.4
npm notice
npm notice 📦  styled-jsx@3.2.4
npm notice === Tarball Contents ===
npm notice 6.1kB  dist/.DS_Store
npm notice 599B   dist/_constants.js
npm notice 22.3kB dist/_utils.js
npm notice 8.2kB  dist/babel-external.js
npm notice 46B    babel-test.js
npm notice 753B   dist/babel-test.js
npm notice 41B    babel.js
npm notice 10.4k

I'm excited to try out the lib, but I know shadow dom is not widely supported yet.

Are you polyfilling older versions, or does this only work in Chrome and Safari?

Thanks for the great library!

I haven't found a solution for creating global theming in the application based on theme properties: for instance, the name of font families. (Something like this: https://www.styled-components.com/docs/api#createglobalstyle)

Does a solution with generating own globals.css from interpolated string by webpack plugin is ok? Or reshadow has something inside for r

1. the d.ts file uses optOutFromShadowRoot but the js code uses useShadowDom which means the type name is inverted

   https://github.com/LukasBombach/react-web-component/blob/4b02a84d60d278ddcb9664ae4463adf9e1eee713/index.d.ts#L2

2. the example in the readme is inverted (should be false but is true)

   https://github.com/LukasBombach/react-web-component/blob/4b02a84d60d278ddcb96

References:
https://github.com/microsoft/playwright/blob/master/docs/api.md#selectorsregistername-script
https://github.com/microsoft/playwright/blob/master/docs/selectors.md#custom-selector-engines

Both show the API like await selectors.register('tag', createTagNameEngine); but the docs here show await playwright.selectors.register(selectorEngine, { name: 'shadow' }). The inconsistency i

Maybe someone need this:

[].forEach.call(document.querySelectorAll('ion-button'), function(div) {
      const styles = `
      button {
        background: red !important;
      }
      `;
      injectStyles(div, 'button', styles);
    });

Hi, I am wondering if I am doing something incorrect. In your App.svelte example, if I put

<script>
import Textfield from '@svelte-material-ui/textfield';
</script> 

and try to save the bundle, I get the following error

rollup v1.20.2
bundles src/main.js → public\bundle.js...
[!] Error: Unexpected character '@' (Note that you need plugins to import files that are not J