wip

src/lib/css_class_helpers.test.ts

@@ -19,6 +19,7 @@ const values: Array<[contents: string, expected: string[]]> = [
 	['class:a', ['a']],
 	['class:a ', ['a']],
 	['class:a=', ['a']],
+	['class:a>', ['a']],
 	// `classes=` prop
 	['classes="a"', ['a']],
 	['classes="a b"', ['a', 'b']],

src/lib/css_class_helpers.ts

@@ -8,7 +8,7 @@ export interface Css_Extractor {
 const CSS_CLASS_EXTRACTORS: Css_Extractor[] = [
 	// `class:a`
 	{
-		matcher: /(?<!['"`])class:([^\s=]+)/gi,
+		matcher: /(?<!['"`])class:([^\s=>]+)/gi,
 		mapper: (matched) => [matched[1]],
 	}, // initial capture group is fake just because the second regexp uses a capture group for its back reference
 

src/lib/styles.test.ts

@@ -1,11 +1,11 @@
 import {test} from 'uvu';
 import * as assert from 'uvu/assert';
 
-import styles from '$lib/styles.css?raw';
+import main_stylesheet from '$lib/style.css?raw';
 import * as exported_variables from '$lib/variables.js';
 
 // TODO BLOCK generate all styles here? only in memory? // style_animations, style_components,
-const css_files = [styles];
+const css_files = [main_stylesheet];
 
 const extract_custom_properties = (css: string) =>
 	Array.from(css.matchAll(/--([a-z][a-z0-9_]*(?<!_))/g)).map((m) => m[1]);