@terrazzo/plugin-css 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @terrazzo/plugin-css
 
+## 0.9.0
+
+### Minor Changes
+
+- [#497](https://github.com/terrazzoapp/terrazzo/pull/497) [`9b80fd4`](https://github.com/terrazzoapp/terrazzo/commit/9b80fd4edd1198021d8e309483e8cd8551fe79dc) Thanks [@bschlenk](https://github.com/bschlenk)! - - potential 5x speedup for @terrazzo/plugin-css
+  - removed isTokenMatch from @terrazzo/token-tools
+
+### Patch Changes
+
+- Updated dependencies [[`9b80fd4`](https://github.com/terrazzoapp/terrazzo/commit/9b80fd4edd1198021d8e309483e8cd8551fe79dc)]:
+  - @terrazzo/cli@0.9.0
+  - @terrazzo/token-tools@0.9.0
+
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies [[`5edf1fd`](https://github.com/terrazzoapp/terrazzo/commit/5edf1fde42cd53b5883eefcbe849dc5749cfaa8f)]:
+  - @terrazzo/cli@0.8.1
+  - @terrazzo/token-tools@0.8.1
+
 ## 0.8.0
 
 ### Minor Changes

package/README.md

@@ -21,6 +21,8 @@ export default defineConfig({
   plugins: [
     css({
       filename: "tokens.css",
+      variableName: (id) => id.replace(/\./g, "-"),
+      baseSelector: ":root",
     }),
   ],
 });

package/dist/index.js

@@ -2394,10 +2394,6 @@ function wildcardMatch(pattern, options) {
 
 //#endregion
 //#region ../token-tools/dist/index.js
-/** Match token against globs */
-function isTokenMatch(tokenID, globPatterns) {
-	return wildcardMatch(globPatterns)(tokenID);
-}
 /** Give a user pertinent feedback if they override a transform incorrectly */
 function validateCustomTransform(value, { $type }) {
 	if (value) {
@@ -2782,7 +2778,8 @@ function generateUtilityCSS(groups, tokens) {
 	const groupEntries = Object.entries(groups);
 	groupEntries.sort((a, b) => a[0].localeCompare(b[0]));
 	for (const [group, selectors] of groupEntries) {
-		const matchingTokens = tokens.filter((token) => isTokenMatch(token.token.id, selectors));
+		const selectorMatcher = wildcardMatch(selectors);
+		const matchingTokens = tokens.filter((token) => selectorMatcher(token.token.id));
 		if (!matchingTokens.length) {
 			console.warn(`[@terrazzo/plugin-css] utility group "${group}" matched 0 tokens: ${JSON.stringify(selectors)}`);
 			break;
@@ -2990,8 +2987,9 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 			declarations: {}
 		};
 		rules.push(rootRule, p3Rule, rec2020Rule);
+		const shouldExclude = wildcardMatch(exclude ?? []);
 		for (const token of rootTokens) {
-			if (isTokenMatch(token.token.id, exclude ?? [])) continue;
+			if (shouldExclude(token.token.id)) continue;
 			const localID = token.localID ?? token.token.id;
 			const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
 				format: FORMAT_ID,