Bump Font awesome SVG icons (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@fortawesome/fontawesome-svg-core (source)	^6.7.2 -> ^7.0.1
@fortawesome/free-solid-svg-icons (source)	^6.7.2 -> ^7.0.1
@fortawesome/react-fontawesome	^0.2.6 -> ^3.0.2

---

Release Notes

FortAwesome/Font-Awesome (@​fortawesome/fontawesome-svg-core)

v7.0.1

Compare Source

v7.0.0

Compare Source

Change log available at https://fontawesome.com/docs/changelog/

FortAwesome/react-fontawesome (@​fortawesome/react-fontawesome)

v3.0.2

Compare Source

Bug Fixes

• constants: resolve JSON import errors for vite/remix users (850a804)
• test: flaky converter performance test in CI (8f43f0e)
• WCAG: correctly read aria-label and ensure aria-hidden is false when label present (19ddeb3)

Testing

• converter: fix unit test for aria-label handling (8c49cdc)
• remove flaky test (f9605ab)
• remove unnecessary test conditionals for v5 (fd5bf9b)

Chores

• don't include release notes in release commit (78ce3f8)
• dx: integrate semantic-release and commitlint (de5b958)
• remove dependency on semver (066019b)
• update release config for better changelogs (7d2c242)

CI/CD

• actions: refactor CI workflow to split some jobs out of matrix (d0d1fb6)
• actions: use commitlint github action (4ab8726)
• use public npm registry for npm ci (69ea57b)

---

v3.0.1

Compare Source

Bug Fixes

• Added additional module resolution configs in package.json (b078d99)
• Refactored SVGCore version checks to use dynamic import to fix #​589 (bc7cad0)

---

v3.0.0

Compare Source

BREAKING

• Dropped support for end-of-life FontAwesome versions (below v6), Node versions (below 20.x) and React versions (below 18.x)
• Dropped support for browser versions that don't support the ES2020 standard, namely JavaScript built-in: globalThis

Changes

• Rewrote the entire library from plain JavaScript to TypeScript
• Replaced rollup with tsup for providing both ESM and CJS exports from one TypeScript source
• Removed prop-types in favour of colocated typings for React component props
• Added better type definitions to each prop including examples of usage
• Upgraded eslint from v6 to v9, rewrote config as Flat Config, modernised ESLint config, plugins and rules
• Refactored all unit tests from the deprecated react-test-renderer to the industry standard @testing-library/react
• Upgraded all other development dependencies to latest versions as of release date
• Optimised FontAwesomeIcon by reducing per-render function calls and memory allocations
• Optimised classList function by removing runtime semver checks and array operations
• Optimised converter with a full rewrite for significant performance increases (~70%)
• Moved inline class strings from getClassListFromProps to pre-computed maps

Bug Fixes

• Fixed accessibility ID generation (titleId, maskId) for SSR ensuring a consistent ID across server and client renders (#​93, #​550, #​573)
• Fixed TypeScript errors when styling duotone icons with CSS variables (#​509)
• Fixed aria-hidden so it is false if there is a non-empty aria-label attribute (#​126)
• Resolved large number of npm audit issues by removing and updating dependencies

---

---

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 04:59 AM, only on Sunday ( * 0-4 * * 7 ) in timezone UTC, Automerge - 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.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[mui-bot]

Netlify deploy preview

https://deploy-preview-46607--material-ui.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/material	0B(0.00%)	0B(0.00%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against fecea3c

[ZeeshanTamboli]

@siriwatknp I think we can remove this demo now. It was meant to show the alignment difference between FontAwesome and a wrapped SvgIcon, but they look the same now.