chore(deps): update dependency autoprefixer to v10

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
autoprefixer	9.6.1 -> 10.4.4

---

Release Notes

postcss/autoprefixer

v10.4.4

Compare Source

• Fixed package.funding to have same value between all PostCSS packages.

v10.4.3

Compare Source

• Fixed package.funding (by Álvaro Mondéjar).

v10.4.2

Compare Source

• Fixed missed -webkit- prefix for width: stretch.

v10.4.1

Compare Source

• Fixed ::file-selector-button data (by Luke Warlow).

v10.4.0

Compare Source

In Autoprefixer 10.4 @​lukewarlow added :autofill support:

input:-webkit-autofill {
  background-color: red;
}

input:autofill {
  background-color: red;
}

v10.3.7

Compare Source

• Replaced nanocolors to picocolors.

v10.3.6

Compare Source

• Updated nanocolors.
• Reduced package size.

v10.3.5

Compare Source

• Replaced colorette to nanocolors.

v10.3.4

Compare Source

• Fixed stretch value in latest Firefox.

v10.3.3

Compare Source

• Fixed wrong -moz- prefix from ::file-selector-button (by Usman Yunusov).

v10.3.2

Compare Source

• Fixed ::file-selector-button support (by Usman Yunusov).

v10.3.1

Compare Source

• Fixed adding wrong prefixes to content (by Luke Warlow).

v10.3.0

Compare Source

In Autoprefixer 10.3 @​lukewarlow added ::file-selector-button support.

::-webkit-file-upload-button {
  border: 2px solid #​6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}

::file-selector-button {
  border: 2px solid #​6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}

v10.2.6

Compare Source

• Fixed “no prefixes needed” warning (by @​Pwntheon).

v10.2.5

Compare Source

• Fixed : support in @supports (by Dmitry Semigradsky).
• Fixed docs (by Christian Oliff).

v10.2.4

Compare Source

• Fixed browser names in npx autoprefixer --info.

v10.2.3

Compare Source

• Fixed PostCSS 8 support.

v10.2.2

Compare Source

• Fixed PostCSS 8 plugins compatibility.

v10.2.1

Compare Source

• Fixed transition-property warnings (by @​Sheraff).

v10.2.0

Compare Source

Autoprefixer 10.2 now has built-in TypeScript definitions. You do not need @types/autoprefixer anymore.

Thanks to @​Semigradsky and DefinitelyTyped’s contributors.

@​Sheraff also improved docs.

v10.1.0

Compare Source

Autoprefixer 10.1 improved min-resolution support.

@​infusion added dpcm unit support and num2fraction with Fraction.js, which uses Farey Sequences as a rational approximation (more precise) and simplifies the fraction using continued fractions to ɛ <0.001 afterward.

/* input */
@​media (min-resolution: 113.38dpcm) {
  …
}

/* output */
@​media (-webkit-min-device-pixel-ratio: 3),
       (min--moz-device-pixel-ratio: 3),
       (-o-min-device-pixel-ratio: 3/1),
       (min-resolution: 113.38dpcm) {
  …
}

v10.0.4

Compare Source

• Fixed Cannot read property 'proxyOf' of undefined error (by Igor Kamyshev).

v10.0.3

Compare Source

• Fixed substract to subtract value for mask-composite (by Michelle Enos).

v10.0.2

Compare Source

• Removed -ms-user-select: all because IE and old Edge don’t support it.
• Fixed Grid Layout warning.

v10.0.1

Compare Source

• Fix PostCSS 8.1 compatability.
• Add our OpenCollective to package.json.
• Clean up code (by Sukka).

v10.0.0

Compare Source

Autoprefixer 10 is based on top of PostCSS 8 (check Known Issues section before updating).

Node.js 6.x, 8.x, 11.x support was removed.

Now you need to install Autoprefixer by npm install --save-dev autoprefixer postcss. We moved postcss from dependencies to peerDependencies according to new PostCSS plugin guidelines.

v9.8.8

Compare Source

• Replaced nanocolors with picocolors.
• Reduced package size.

v9.8.7

Compare Source

• Replaced colorette with nanocolors.
• Reduced package size.

v9.8.6

Compare Source

• Fixed env option.

v9.8.5

Compare Source

• Improved Grid Layout warnings (by Daniel Tonon).
• Fixed align-self and justify-self with display: flex (by Daniel Tonon).

v9.8.4

Compare Source

• Replace color output library.

v9.8.3

Compare Source

• Return old non-LTS Node.js versions to avoid breaking changes.

v9.8.2

Compare Source

• Remove Node.js 13.0-13.7 from supported engines, because of buggy ESM support.

v9.8.1

Compare Source

• Replace chalk to kleur (by Luke Edwards).
• Update docs (by @​mbomb007).

v9.8.0

Compare Source

Autoprefixer 9.8 brings IE support for :placeholder-shown.

Placeholder Shown

@​tkrotoff found that input:placeholder-shown can be emulated with input:-ms-input-placeholder.

input:-ms-input-placeholder {
  box-shadow: 0 0 0 1px blue;
}

input:placeholder-shown {
  box-shadow: 0 0 0 1px blue;
}

Note, that we already had support for ::placeholder. Selector ::placeholder is for the text of the placeholder. :placeholder-shown is for the input, where placeholder text is shown. In ::placeholder you can’t change the border or size of the <input>.

v9.7.6

Compare Source

• Revert -webkit-stretch fix.

v9.7.5

Compare Source

• Fix -webkit-stretch support.

v9.7.4

Compare Source

• Fix warning text (by Dmitry Ishkov).

v9.7.3

Compare Source

• Fix compatibility with PostCSS Modules.

v9.7.2

Compare Source

• Add -ms-user-select: element support.
• Add funding link for npm fund.

v9.7.1

Compare Source

• Avoid unnecessary transitions in prefixed selectors (by Andrey Alexandrov).
• Fix fit-content for Firefox.

v9.7.0

Compare Source

Autoprefixer 9.7 brings AUTOPREFIXER_GRID environment variable and huge performance improvments.

Grid Environment Variable

Autoprefixer can add CSS Grid polyfills for IE. You need to manually enable it to prove that you understand the limits of polyfill.

In previous versions you can enable Grid polyfill by grid: 'autoplace' option or by /* autoprefixer grid: autoplace */ control comment. But in some cases, developers were not able to use both methods. For instance, during work with Material UI’ CSS-in-JS in Create React App.

Now Autoprefixer supports environment variable to enable CSS Grid polyfill:

AUTOPREFIXER_GRID=autoplace npm build

Performance Improvements

@​Knagis found that Browserslist takes 70% of the Autoprefixer time.

We did a lot of improvements in Browserslist and now Autoprefixer should work much faster.

Other

• Fix Cannot read property 'grid' of undefined error

v9.6.5

Compare Source

• Fix selector prefixing (by Andrey Alexandrov).

v9.6.4

Compare Source

• Now the real fix for 'startsWith' of undefined error.

v9.6.3

Compare Source

• Fix Cannot read property 'startsWith' of undefined error.

v9.6.2

Compare Source

• Fix false Replace fill to stretch warning.

---

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, click this checkbox.

---

This PR has been generated by WhiteSource Renovate. View repository job log here.