CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 10.3.2
+* Fixed `::file-selector-button` support (by Usman Yunusov)
+
 ## 10.3.1
 * Fixed adding wrong prefixes to `content` (by Luke Warlow).
 

lib/hacks/file-selector-button.js

@@ -8,7 +8,7 @@ class FileSelectorButton extends Selector {
     if (prefix === '-webkit-') {
       return '::-webkit-file-upload-button'
     }
-    return `::file-selector-button`
+    return `::${prefix}file-selector-button`
   }
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.3.1",
+  "version": "10.3.2",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -29,9 +29,9 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.16.6",
-    "caniuse-lite": "^1.0.30001243",
-    "colorette": "^1.2.2",
+    "browserslist": "^4.16.8",
+    "caniuse-lite": "^1.0.30001251",
+    "colorette": "^1.3.0",
     "fraction.js": "^4.1.1",
     "normalize-range": "^0.1.2",
     "postcss-value-parser": "^4.1.0"
@@ -41,29 +41,29 @@
     "chalk": false
   },
   "devDependencies": {
-    "@logux/eslint-config": "^45.4.6",
-    "@size-limit/preset-small-lib": "5.0.1",
-    "@types/jest": "^26.0.24",
-    "@typescript-eslint/eslint-plugin": "^4.28.3",
-    "@typescript-eslint/parser": "^4.28.3",
-    "check-dts": "^0.5.3",
+    "@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.2",
+    "@typescript-eslint/parser": "^4.29.2",
+    "check-dts": "^0.5.5",
     "clean-publish": "^2.2.0",
-    "eslint": "^7.30.0",
+    "eslint": "^7.32.0",
     "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jest": "^24.3.6",
+    "eslint-plugin-import": "^2.24.1",
+    "eslint-plugin-jest": "^24.4.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prefer-let": "^1.1.0",
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-security": "^1.4.0",
-    "eslint-plugin-unicorn": "^34.0.1",
+    "eslint-plugin-unicorn": "^35.0.0",
     "jest": "^27.0.6",
-    "lint-staged": "^11.0.0",
-    "postcss": "^8.3.5",
+    "lint-staged": "^11.1.2",
+    "postcss": "^8.3.6",
     "prettier": "^2.3.2",
-    "simple-git-hooks": "^2.5.1",
-    "size-limit": "^5.0.1",
-    "ts-jest": "^27.0.3",
+    "simple-git-hooks": "^2.6.1",
+    "size-limit": "^5.0.3",
+    "ts-jest": "^27.0.5",
     "typescript": "^4.3.5"
   },
   "lint-staged": {

test/cases/file-selector-button.css

@@ -1,3 +1,11 @@
 ::file-selector-button {
   background: black
 }
+
+input::file-selector-button {
+	color: black;
+}
+
+input:hover::file-selector-button {
+	color: white;
+}

test/cases/file-selector-button.out.css

@@ -1,6 +1,23 @@
 ::-webkit-file-upload-button {
   background: black
 }
+
 ::file-selector-button {
   background: black
 }
+
+input::-webkit-file-upload-button {
+	color: black;
+}
+
+input::file-selector-button {
+	color: black;
+}
+
+input:hover::-webkit-file-upload-button {
+	color: white;
+}
+
+input:hover::file-selector-button {
+	color: white;
+}