tailwindcss 3.1.7 → 3.1.8

package/CHANGELOG.md

@@ -9,6 +9,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [3.1.8] - 2022-08-05
+
+### Fixed
+
+- Don’t prefix classes within reused arbitrary variants ([#8992](https://github.com/tailwindlabs/tailwindcss/pull/8992))
+- Fix usage of alpha values inside single-named colors that are functions ([#9008](https://github.com/tailwindlabs/tailwindcss/pull/9008))
+- Fix `@apply` of user utilities when negative and non-negative versions both exist ([#9027](https://github.com/tailwindlabs/tailwindcss/pull/9027))
+
 ## [3.1.7] - 2022-07-29
 
 ### Fixed
@@ -2021,7 +2029,8 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.7...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.8...HEAD
+[3.1.8]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.7...v3.1.8
 [3.1.7]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.6...v3.1.7
 [3.1.6]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.5...v3.1.6
 [3.1.5]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.4...v3.1.5

package/README.md

@@ -1,4 +1,4 @@
-<p>
+<p align="center">
   <a href="https://tailwindcss.com/#gh-light-mode-only" target="_blank">
     <img src="./.github/logo-light.svg" alt="Tailwind CSS" width="350" height="70">
   </a>
@@ -7,9 +7,12 @@
   </a>
 </p>
 
-A utility-first CSS framework for rapidly building custom user interfaces.
+<p align="center">
+  A utility-first CSS framework for rapidly building custom user interfaces.
+</p>
+
 
-<p>
+<p align="center">
     <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/workflow/status/tailwindlabs/tailwindcss/Node.js%20CI" alt="Build Status"></a>
     <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
     <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>

package/lib/lib/expandApplyAtRules.js

@@ -436,6 +436,11 @@ function processApply(root, context, localCache) {
                         });
                     });
                 }
+                // It could be that the node we were inserted was removed because the class didn't match
+                // If that was the *only* rule in the parent, then we have nothing add so we skip it
+                if (!root1.nodes[0]) {
+                    continue;
+                }
                 // Insert it
                 siblings.push([
                     // Ensure that when we are sorting, that we take the layer order into account

package/lib/lib/generateRules.js

@@ -180,7 +180,6 @@ function applyVariant(variant, matches, context) {
         return matches;
     }
     let args;
-    let isArbitraryVariant = false;
     // Find partial arbitrary variants
     if (variant.endsWith("]") && !variant.startsWith("[")) {
         args = variant.slice(variant.lastIndexOf("[") + 1, -1);
@@ -192,7 +191,6 @@ function applyVariant(variant, matches, context) {
         if (!(0, _setupContextUtils.isValidVariantFormatString)(selector)) {
             return [];
         }
-        isArbitraryVariant = true;
         let fn = (0, _setupContextUtils.parseVariant)(selector);
         let sort = Array.from(context.variantOrder.values()).pop() << 1n;
         context.variantMap.set(variant, [
@@ -341,7 +339,7 @@ function applyVariant(variant, matches, context) {
                         ...meta,
                         sort: variantSort | meta.sort,
                         collectedFormats: ((_collectedFormats = meta.collectedFormats) !== null && _collectedFormats !== void 0 ? _collectedFormats : []).concat(collectedFormats),
-                        isArbitraryVariant
+                        isArbitraryVariant: isArbitraryValue(variant)
                     },
                     clone.nodes[0], 
                 ];

package/lib/util/resolveConfig.js

@@ -160,7 +160,7 @@ function resolveFunctionKeys(object) {
             let val = object;
             while(val !== undefined && val !== null && index < path.length){
                 val = val[path[index++]];
-                let shouldResolveAsFn = isFunction(val) && (path.alpha === undefined || index < path.length - 1);
+                let shouldResolveAsFn = isFunction(val) && (path.alpha === undefined || index <= path.length - 1);
                 val = shouldResolveAsFn ? val(resolvePath, configUtils) : val;
             }
             if (val !== undefined) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -46,16 +46,16 @@
     "@swc/core": "^1.2.218",
     "@swc/jest": "^0.2.22",
     "@swc/register": "^0.1.10",
-    "autoprefixer": "^10.4.7",
+    "autoprefixer": "^10.4.8",
     "cssnano": "^5.1.12",
     "esbuild": "^0.14.48",
-    "eslint": "^8.19.0",
+    "eslint": "^8.20.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^28.1.3",
     "jest-diff": "^28.1.3",
     "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.12",
+    "prettier-plugin-tailwindcss": "^0.1.13",
     "rimraf": "^3.0.0",
     "source-map-js": "^1.0.2"
   },