CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 10.3.4
+* Fixed `stretch` value in latest Firefox.
+
 ## 10.3.3
 * Fixed wrong `-moz-` prefix from  `::file-selector-button` (by Usman Yunusov).
 

data/prefixes.js

@@ -583,7 +583,15 @@ f(prefixIntrinsic, browsers =>
 )
 
 f(prefixIntrinsic, { match: /x|\s#4/ }, browsers =>
-  prefix(['fill', 'fill-available', 'stretch'], {
+  prefix(['fill', 'fill-available'], {
+    props: sizeProps,
+    feature: 'intrinsic-width',
+    browsers
+  })
+)
+
+f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
+  prefix(['stretch'], {
     props: sizeProps,
     feature: 'intrinsic-width',
     browsers

package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.3.3",
+  "version": "10.3.4",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -44,8 +44,8 @@
     "@logux/eslint-config": "^45.4.7",
     "@size-limit/preset-small-lib": "5.0.3",
     "@types/jest": "^27.0.1",
-    "@typescript-eslint/eslint-plugin": "^4.29.3",
-    "@typescript-eslint/parser": "^4.29.3",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
+    "@typescript-eslint/parser": "^4.30.0",
     "check-dts": "^0.5.5",
     "clean-publish": "^2.2.0",
     "eslint": "^7.32.0",
@@ -57,14 +57,14 @@
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-security": "^1.4.0",
     "eslint-plugin-unicorn": "^35.0.0",
-    "jest": "^27.0.6",
+    "jest": "^27.1.0",
     "lint-staged": "^11.1.2",
     "postcss": "^8.3.6",
     "prettier": "^2.3.2",
     "simple-git-hooks": "^2.6.1",
     "size-limit": "^5.0.3",
     "ts-jest": "^27.0.5",
-    "typescript": "^4.3.5"
+    "typescript": "^4.4.2"
   },
   "lint-staged": {
     "*.js": [
@@ -124,6 +124,11 @@
   "jest": {
     "preset": "ts-jest",
     "testEnvironment": "node",
+    "globals": {
+      "ts-jest": {
+        "isolatedModules": true
+      }
+    },
     "coverageThreshold": {
       "global": {
         "lines": 100

test/autoprefixer.test.ts

@@ -1047,4 +1047,14 @@ describe('hacks', () => {
     expect(result.css).toEqual(input)
     expect(result.warnings()).toHaveLength(0)
   })
+
+  it('supports latest Firefox stretch', () => {
+    let input = read('intrinsic')
+    let output = read('intrinsic.ff')
+    let result = postcss([
+      autoprefixer({ overrideBrowserslist: 'firefox 90' })
+    ]).process(input)
+    expect(result.css).toEqual(output)
+    expect(result.warnings()).toHaveLength(2)
+  })
 })

test/cases/intrinsic.ff.css

@@ -0,0 +1,47 @@
+a {
+  width: -moz-available;
+  width: stretch;
+}
+
+b {
+  height: max-content;
+}
+
+p {
+  block-size: min-content;
+  min-inline-size: -moz-fit-content;
+  min-inline-size: fit-content;
+}
+
+.outdated {
+  width: fill;
+}
+
+.old {
+  width: fill-available;
+}
+
+.ok {
+  width: calc(100% - var(--jqx-circular-progress-bar-fill-size));
+}
+
+.grid {
+  grid: min-content max-content / fit-content(500px);
+}
+
+.grid-template {
+  grid-template: min-content / fit-content(10px) max-content;
+  grid-template: max-content 1fr max-content max-content / max-content 1fr;
+}
+
+.grid-template-columns {
+  grid-template-columns: minmax(100px, min-content);
+}
+
+.grid-auto-columns {
+  grid-auto-columns: min-content max-content;
+}
+
+.ignore {
+  width: -webkit-fill-available;
+}