support observing shadow dom (fixes #421)

tw-in-js · Dec 14, 2022 · 1e16652 · 1e16652
1 parent 5183718
commit 1e16652
Show file tree

Hide file tree

Showing 13 changed files with 428 additions and 5 deletions.
diff --git a/.changeset/cold-spiders-cross.md b/.changeset/cold-spiders-cross.md
@@ -0,0 +1,8 @@
+---
+'@twind/core': patch
+'@sites/twind.run': patch
+'@sites/twind.style': patch
+'@example/with-web-components': patch
+---
+
+support observing shadow dom (fixes #421)
diff --git a/examples/README.md b/examples/README.md
@@ -2,10 +2,11 @@
 
 Some examples of how to use the Twind. These are great for reproductions of issues.
 
-| Example                                                                       | Try it live at                                                                                                                                                                    | Description                                                                                                                                                                                                 |
-| ----------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Basic](https://github.com/tw-in-js/twind/tree/main/examples/basic)           | [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/basic) • [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/basic)           | using [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix) and [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind) |
-| [Playground](https://github.com/tw-in-js/twind/tree/main/examples/playground) | [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/playground) • [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/playground) | using using all presets                                                                                                                                                                                     |
+| Example                                                                                    | Try it live at                                                                                                                                                                                      | Description                                                                                                                                                                                                 |
+| ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Basic](https://github.com/tw-in-js/twind/tree/main/examples/basic)                        | [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/basic) • [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/basic)                             | using [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix) and [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind) |
+| [Playground](https://github.com/tw-in-js/twind/tree/main/examples/playground)              | [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/playground) • [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/playground)                   | using using all presets                                                                                                                                                                                     |
+| [Web Components](https://github.com/tw-in-js/twind/tree/main/examples/with-web-components) | [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/with-web-components) • [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/with-web-components) | using [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix) and [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind) |
 
 ## Packages
 

diff --git a/examples/with-web-components/.stackblitzrc b/examples/with-web-components/.stackblitzrc
@@ -0,0 +1,4 @@
+{
+  "installDependencies": true,
+  "startCommand": "npm start"
+}