build: fix spectrum copyright being stripped on build

- feat: remove theme files without content

Author: castastrophe

components/accordion/themes/express.css

@@ -18,67 +18,56 @@ export const Template = ({
 	isFlexible = false,
 	customClasses = [],
 	...globals
-}) => {
-	const { express } = globals;
-
-	try {
-		if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
-		else import(/* webpackPrefetch: true */ "../themes/express.css");
-	} catch (e) {
-		console.warn(e);
-	}
-
-	return html`
-		<div
-			class=${classMap({
-				[rootClass]: true,
-				[`${rootClass}--size${size?.toUpperCase()}`]:
-					typeof size !== "undefined",
-				[`${rootClass}--emphasized`]: isEmphasized,
-				[`${rootClass}--sticky`]: isSticky,
-				[`${rootClass}--fixed`]: isFixed,
-				[`${rootClass}--flexible`]: isFlexible,
-				"is-open": isOpen,
-				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-			})}
-		>
-			${Popover({
-				...globals,
-				customClasses: [`${rootClass}-popover`],
-				isOpen,
-				content: [
-					CloseButton({
-						...globals,
-						label: "Clear selection",
-						staticColor: isEmphasized ? "white" : undefined,
-					}),
-					FieldLabel({
-						...globals,
-						size: "s",
-						label: "2 Selected",
-					}),
-					ActionGroup({
-						...globals,
-						size: "m",
-						areQuiet: true,
-						staticColors: isEmphasized ? "white" : undefined,
-						content: [
-							{
-								iconName: "Edit",
-								label: "Edit",
-							},
-							{
-								iconName: "Copy",
-								label: "Copy",
-							},
-							{
-								iconName: "Delete",
-								label: "Delete",
-							},
-						],
-					}),
-				],
-			})}
-		</div>
-	`;
-};
+}) => html`
+	<div
+		class=${classMap({
+			[rootClass]: true,
+			[`${rootClass}--size${size?.toUpperCase()}`]:
+				typeof size !== "undefined",
+			[`${rootClass}--emphasized`]: isEmphasized,
+			[`${rootClass}--sticky`]: isSticky,
+			[`${rootClass}--fixed`]: isFixed,
+			[`${rootClass}--flexible`]: isFlexible,
+			"is-open": isOpen,
+			...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
+		})}
+	>
+		${Popover({
+			...globals,
+			customClasses: [`${rootClass}-popover`],
+			isOpen,
+			content: [
+				CloseButton({
+					...globals,
+					label: "Clear selection",
+					staticColor: isEmphasized ? "white" : undefined,
+				}),
+				FieldLabel({
+					...globals,
+					size: "s",
+					label: "2 Selected",
+				}),
+				ActionGroup({
+					...globals,
+					size: "m",
+					areQuiet: true,
+					staticColors: isEmphasized ? "white" : undefined,
+					content: [
+						{
+							iconName: "Edit",
+							label: "Edit",
+						},
+						{
+							iconName: "Copy",
+							label: "Copy",
+						},
+						{
+							iconName: "Delete",
+							label: "Delete",
+						},
+					],
+				}),
+			],
+		})}
+	</div>
+`;

components/accordion/themes/spectrum.css

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import { styleMap } from "lit/directives/style-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { styleMap } from "lit/directives/style-map.js";
 import { when } from "lit/directives/when.js";
 
 import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
@@ -20,15 +20,6 @@ export const Template = ({
 	id,
 	...globals
 }) => {
-	const { express } = globals;
-
-	try {
-		if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
-		else import(/* webpackPrefetch: true */ "../themes/express.css");
-	} catch (e) {
-		console.warn(e);
-	}
-
 	return html`
 		<div
 			class=${classMap({

components/actionbar/stories/template.js

@@ -15,15 +15,6 @@ export const Template = ({
 	isDragged = false,
 	...globals
 }) => {
-	const { express } = globals;
-
-	try {
-		if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
-		else import(/* webpackPrefetch: true */ "../themes/express.css");
-	} catch (e) {
-		console.warn(e);
-	}
-
 	return html`
 		<nav>
 			<ul