Support declarative shadow DOM

[ghengeveld]

https://developer.chrome.com/blog/new-in-chrome-90/#declarative

[daneah]

Pharos uses Lit to expose Web Components and I believe we're running into this as a limitation for the plugin working for us there. If y'all believe this plugin should work for Lit + @storybook/web-components generally, I'd also be interested to know so I can continue digging elsewhere!

[YannDuv]

I am also interested.

Could this be allowed by passing a callback function returning the HTMLElement on which to edit the state ?

export const Hover: StoryObj = {
  parameters: {
    pseudo: {
      hover: () =>
        document
          .querySelector('my-element')
          ?.shadowRoot?.querySelector('#shadowButton'),
    },
  },
}