@mattsjones/css-core - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

CHANGELOG.md

 # @mattsjones/css-core
 
+## 0.0.12
+
+### Patch Changes
+
+- 29fa416: Fix selectors using class lists
+
 ## 0.0.11
@@ -4,0 +10,0 @@

generateCss/dist/mattsjones-css-core-generateCss.browser.cjs.js

@@ -98,3 +98,3 @@ 'use strict';
     this.conditionalRules = [];
-    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(^|[^\.])(${localClassNames.join('|')})`, 'g') : null;
+    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(${localClassNames.join('|')})`, 'g') : null;
   }
@@ -187,5 +187,11 @@
   transformSelector(selector) {
-    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, leadingChar, className) => `${leadingChar}.${cssesc__default['default'](className, {
-      isIdentifier: true
-    })}`) : selector;
+    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, className, index) => {
+      if (index > 0 && selector[index - 1] === '.') {
+        return className;
+      }
+
+      return `.${cssesc__default['default'](className, {
+        isIdentifier: true
+      })}`;
+    }) : selector;
   }
@@ -192,0 +198,0 @@

generateCss/dist/mattsjones-css-core-generateCss.browser.esm.js

@@ -82,3 +82,3 @@ import postcssJs from 'postcss-js';
     this.conditionalRules = [];
-    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(^|[^\.])(${localClassNames.join('|')})`, 'g') : null;
+    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(${localClassNames.join('|')})`, 'g') : null;
   }
@@ -171,5 +171,11 @@
   transformSelector(selector) {
-    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, leadingChar, className) => `${leadingChar}.${cssesc(className, {
-      isIdentifier: true
-    })}`) : selector;
+    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, className, index) => {
+      if (index > 0 && selector[index - 1] === '.') {
+        return className;
+      }
+
+      return `.${cssesc(className, {
+        isIdentifier: true
+      })}`;
+    }) : selector;
   }
@@ -176,0 +182,0 @@

generateCss/dist/mattsjones-css-core-generateCss.cjs.dev.js

@@ -98,3 +98,3 @@ 'use strict';
     this.conditionalRules = [];
-    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(^|[^\.])(${localClassNames.join('|')})`, 'g') : null;
+    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(${localClassNames.join('|')})`, 'g') : null;
   }
@@ -187,5 +187,11 @@
   transformSelector(selector) {
-    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, leadingChar, className) => `${leadingChar}.${cssesc__default['default'](className, {
-      isIdentifier: true
-    })}`) : selector;
+    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, className, index) => {
+      if (index > 0 && selector[index - 1] === '.') {
+        return className;
+      }
+
+      return `.${cssesc__default['default'](className, {
+        isIdentifier: true
+      })}`;
+    }) : selector;
   }
@@ -192,0 +198,0 @@

generateCss/dist/mattsjones-css-core-generateCss.cjs.prod.js

@@ -98,3 +98,3 @@ 'use strict';
     this.conditionalRules = [];
-    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(^|[^\.])(${localClassNames.join('|')})`, 'g') : null;
+    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(${localClassNames.join('|')})`, 'g') : null;
   }
@@ -187,5 +187,11 @@
   transformSelector(selector) {
-    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, leadingChar, className) => `${leadingChar}.${cssesc__default['default'](className, {
-      isIdentifier: true
-    })}`) : selector;
+    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, className, index) => {
+      if (index > 0 && selector[index - 1] === '.') {
+        return className;
+      }
+
+      return `.${cssesc__default['default'](className, {
+        isIdentifier: true
+      })}`;
+    }) : selector;
   }
@@ -192,0 +198,0 @@

generateCss/dist/mattsjones-css-core-generateCss.esm.js

@@ -82,3 +82,3 @@ import postcssJs from 'postcss-js';
     this.conditionalRules = [];
-    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(^|[^\.])(${localClassNames.join('|')})`, 'g') : null;
+    this.localClassNameRegex = localClassNames.length > 0 ? RegExp(`(${localClassNames.join('|')})`, 'g') : null;
   }
@@ -171,5 +171,11 @@
   transformSelector(selector) {
-    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, leadingChar, className) => `${leadingChar}.${cssesc(className, {
-      isIdentifier: true
-    })}`) : selector;
+    return this.localClassNameRegex ? selector.replace(this.localClassNameRegex, (_, className, index) => {
+      if (index > 0 && selector[index - 1] === '.') {
+        return className;
+      }
+
+      return `.${cssesc(className, {
+        isIdentifier: true
+      })}`;
+    }) : selector;
   }
@@ -176,0 +182,0 @@

package.json

 {
   "name": "@mattsjones/css-core",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "main": "dist/mattsjones-css-core.cjs.js",
@@ -5,0 +5,0 @@ "module": "dist/mattsjones-css-core.esm.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

101626

increased by0.5%

Lines of code

2542

increased by0.99%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes