tailwindcss - npm Package Compare versions

Comparing version 3.4.5 to 3.4.6

lib/lib/defaultExtractor.js

@@ -77,3 +77,3 @@ "use strict";
                 // captured.
-                let next = parseInt(segments[idx + 1]);
+                let next = Number(segments[idx + 1]);
                 if (isNaN(next)) {
@@ -80,0 +80,0 @@ results.push(segment);

lib/util/applyImportantSelector.js

@@ -21,5 +21,7 @@ "use strict";
     sel.each((sel)=>{
-        // Wrap with :is if it's not already wrapped
-        let isWrapped = sel.nodes[0].type === "pseudo" && sel.nodes[0].value === ":is" && sel.nodes.every((node)=>node.type !== "combinator");
-        if (!isWrapped) {
+        // For nesting, we only need to wrap a selector with :is() if it has a top-level combinator,
+        // e.g. `.dark .text-white`, to be independent of DOM order. Any other selector, including
+        // combinators inside of pseudos like `:where()`, are ok to nest.
+        let shouldWrap = sel.nodes.some((node)=>node.type === "combinator");
+        if (shouldWrap) {
             sel.nodes = [
@@ -26,0 +28,0 @@ _postcssselectorparser.default.pseudo({

package.json

 {
   "name": "tailwindcss",
-  "version": "3.4.5",
+  "version": "3.4.6",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
@@ -5,0 +5,0 @@ "license": "MIT",

src/lib/defaultExtractor.js

@@ -35,3 +35,3 @@ import * as regex from './regex'
         // captured.
-        let next = parseInt(segments[idx + 1])
+        let next = Number(segments[idx + 1])
         if (isNaN(next)) {
@@ -38,0 +38,0 @@ results.push(segment)

src/util/applyImportantSelector.js

@@ -8,9 +8,8 @@ import parser from 'postcss-selector-parser'
   sel.each((sel) => {
-    // Wrap with :is if it's not already wrapped
-    let isWrapped =
-      sel.nodes[0].type === 'pseudo' &&
-      sel.nodes[0].value === ':is' &&
-      sel.nodes.every((node) => node.type !== 'combinator')
+    // For nesting, we only need to wrap a selector with :is() if it has a top-level combinator,
+    // e.g. `.dark .text-white`, to be independent of DOM order. Any other selector, including
+    // combinators inside of pseudos like `:where()`, are ok to nest.
+    let shouldWrap = sel.nodes.some((node) => node.type === 'combinator')
 
-    if (!isWrapped) {
+    if (shouldWrap) {
       sel.nodes = [
@@ -17,0 +16,0 @@ parser.pseudo({

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5620671

0.01%

Lines of code

32610

0

No dependency changes