@chasemoskal/magical/s/view/create-shadow-dom-with-styles.ts

web toolkit for lit apps

import {CSSResultGroup} from "lit"
import {attachStylesToShadowRoot} from "./attach-styles-to-shadow-root.js"

export function createShadowDomWithStyles(css?: CSSResultGroup) {
	const element = document.createElement("span")
	const shadow = element.attachShadow({mode: "open"})
	attachStylesToShadowRoot(shadow, css)
	return {element, shadow}
}