anubis-ui 1.2.21 → 1.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anubis-ui",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Class-based css generator",
   "main": "index.js",
   "keywords": [

package/src/tools/mapping/mapClassIntoRule.ts

@@ -35,25 +35,18 @@ const generateCssRules = (ruleInfos: IRuleInfo[]): string => {
 
 const mapClassIntoRule = (stringClass: string): IRuleInfo | null => {
 	const params = getClassInfos(stringClass);
+	if (!params.utility) { return null }
 
-	/**
-	 * _ If no variations are found, maybe it's just a color like bg-primary
-	 * _ So we need to check if the color exists to avoid useless computing
-	 * */
-	if (!params.utility) {
-		const { colorExists } = getColorInfos(params.color);
-
-		if (!colorExists) {
-			return null;
-		}
-	}
+	const needsColor = params.utility?.declaration?.includes('${color}')
+	const usesVariation = params.variationName
+	const hasDefaultVariation = !params.utility?.variations || Object.keys(params.utility?.variations || []).includes('default')
 
 	/**
-	 * _ If the current QoL isn't standalone and doesn't have a variation (can be called without variation)
-	 * _ then no
-	 */
-	if (!params.color && !Object.keys(params.utility?.variations || []).includes('default') && !params.variationName) {
-		return null;
+	 * If need color but doesn't have one or if need a variation but doesn't have one either
+	 * this is a no go
+	*/
+	if ((needsColor && !params.color) || (!hasDefaultVariation && !usesVariation)) {
+		return null
 	}
 
 	const ruleInfo = buildRuleInfo(params);