tailwindcss 3.4.12 → 3.4.14

package/CHANGELOG.md

@@ -9,6 +9,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [3.4.14] - 2024-10-15
+
+### Fixed
+
+- Don't set `display: none` on elements that use `hidden="until-found"` ([#14625](https://github.com/tailwindlabs/tailwindcss/pull/14625))
+
+## [3.4.13] - 2024-09-23
+
+### Fixed
+
+- Improve source glob verification performance ([#14481](https://github.com/tailwindlabs/tailwindcss/pull/14481))
+
 ## [3.4.12] - 2024-09-17
 
 ### Fixed
@@ -2443,7 +2455,9 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.12...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.14...HEAD
+[3.4.14]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.13...v3.4.14
+[3.4.13]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.12...v3.4.13
 [3.4.12]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.11...v3.4.12
 [3.4.11]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.10...v3.4.11
 [3.4.10]: https://github.com/tailwindlabs/tailwindcss/compare/v3.4.9...v3.4.10

package/lib/css/preflight.css

@@ -381,6 +381,6 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }

package/lib/lib/content.js

@@ -173,9 +173,19 @@ function createBroadPatternCheck(paths) {
     if (!maybeBroadPattern) {
         return ()=>{};
     }
-    // All globs that explicitly contain any of the known large directories (e.g.:
-    // node_modules).
-    let explicitGlobs = paths.filter((path)=>LARGE_DIRECTORIES_REGEX.test(path));
+    // All glob matchers
+    let matchers = [];
+    // All glob matchers that explicitly contain any of the known large
+    // directories (e.g.: node_modules).
+    let explicitMatchers = [];
+    // Create matchers for all paths
+    for (let path of paths){
+        let matcher = _micromatch.default.matcher(path);
+        if (LARGE_DIRECTORIES_REGEX.test(path)) {
+            explicitMatchers.push(matcher);
+        }
+        matchers.push(matcher);
+    }
     // Keep track of whether we already warned about the broad pattern issue or
     // not. The `log.warn` function already does something similar where we only
     // output the log once. However, with this we can also skip the other checks
@@ -185,11 +195,12 @@ function createBroadPatternCheck(paths) {
    * @param {string} file
    */ return (file)=>{
         if (warned) return; // Already warned about the broad pattern
-        if (_micromatch.default.isMatch(file, explicitGlobs)) return; // Explicitly included, so we can skip further checks
+        if (explicitMatchers.some((matcher)=>matcher(file))) return; // Explicitly included, so we can skip further checks
         // When a broad pattern is used, we have to double check that the file was
         // not explicitly included in the globs.
-        let matchingGlob = paths.find((path)=>_micromatch.default.isMatch(file, path));
-        if (!matchingGlob) return; // This should never happen
+        let matchingGlobIndex = matchers.findIndex((matcher)=>matcher(file));
+        if (matchingGlobIndex === -1) return; // This should never happen
+        let matchingGlob = paths[matchingGlobIndex];
         // Create relative paths to make the output a bit more readable.
         let relativeMatchingGlob = _path.default.relative(process.cwd(), matchingGlob);
         if (relativeMatchingGlob[0] !== ".") relativeMatchingGlob = `./${relativeMatchingGlob}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "3.4.12",
+  "version": "3.4.14",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",

package/src/css/preflight.css

@@ -381,6 +381,6 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }

package/src/lib/content.js

@@ -210,9 +210,22 @@ export function createBroadPatternCheck(paths) {
     return () => {}
   }
 
-  // All globs that explicitly contain any of the known large directories (e.g.:
-  // node_modules).
-  let explicitGlobs = paths.filter((path) => LARGE_DIRECTORIES_REGEX.test(path))
+  // All glob matchers
+  let matchers = []
+
+  // All glob matchers that explicitly contain any of the known large
+  // directories (e.g.: node_modules).
+  let explicitMatchers = []
+
+  // Create matchers for all paths
+  for (let path of paths) {
+    let matcher = micromatch.matcher(path)
+    if (LARGE_DIRECTORIES_REGEX.test(path)) {
+      explicitMatchers.push(matcher)
+    }
+
+    matchers.push(matcher)
+  }
 
   // Keep track of whether we already warned about the broad pattern issue or
   // not. The `log.warn` function already does something similar where we only
@@ -225,12 +238,13 @@ export function createBroadPatternCheck(paths) {
    */
   return (file) => {
     if (warned) return // Already warned about the broad pattern
-    if (micromatch.isMatch(file, explicitGlobs)) return // Explicitly included, so we can skip further checks
+    if (explicitMatchers.some((matcher) => matcher(file))) return // Explicitly included, so we can skip further checks
 
     // When a broad pattern is used, we have to double check that the file was
     // not explicitly included in the globs.
-    let matchingGlob = paths.find((path) => micromatch.isMatch(file, path))
-    if (!matchingGlob) return // This should never happen
+    let matchingGlobIndex = matchers.findIndex((matcher) => matcher(file))
+    if (matchingGlobIndex === -1) return // This should never happen
+    let matchingGlob = paths[matchingGlobIndex]
 
     // Create relative paths to make the output a bit more readable.
     let relativeMatchingGlob = path.relative(process.cwd(), matchingGlob)