css is now string | CSSStyleSheet. A sheet is adopted as-is: into its own
shadow root, an enclosing shadow root, or document.adoptedStyleSheets for
light DOM at the document level. Strings behave as before.
The examples import their styles with `with { type: 'css' }` and their
static templates with `with { type: 'text' }`. Safari doesn't support those
yet, so vite.config.ts rewrites them into modules Vite builds: a constructed
CSSStyleSheet, or the file's text. npm run examples now just runs vite,
with root set in the config.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
6 lines
175 B
HTML
6 lines
175 B
HTML
<button type="button" aria-expanded="false">
|
|
<span class="lock" aria-hidden="true">🔒</span>
|
|
<span class="hint">Click to reveal</span>
|
|
</button>
|
|
<p class="message"></p>
|