Skip to content

Commit 8a4ef07

Browse files
lukasvicelukasvice
authored
add support for react 18 (and re-generate icons) (#16)
1 parent 0c77ff5 commit 8a4ef07

58 files changed

Lines changed: 182 additions & 153 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎package-lock.json‎

Lines changed: 67 additions & 69 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,8 @@
4545
"homepage": "https://github.com/aboutbits/react-material-icons#readme",
4646
"devDependencies": {
4747
"@types/jest": "^28.1.3",
48-
"@types/react": "^17.0.0",
48+
"@types/react": "^18.0.0",
49+
"@types/react-dom": "^18.0.0",
4950
"@typescript-eslint/eslint-plugin": "^5.30.0",
5051
"@typescript-eslint/parser": "^5.30.0",
5152
"axios": "^0.27.2",
@@ -57,13 +58,13 @@
5758
"jest": "^28.1.1",
5859
"jest-environment-jsdom": "^28.1.1",
5960
"prettier": "^2.7.1",
60-
"react": "^17.0.2",
61-
"react-dom": "^17.0.2",
61+
"react": "^18.0.0",
62+
"react-dom": "^18.0.0",
6263
"ts-jest": "^28.0.5",
6364
"typescript": "^4.7.4"
6465
},
6566
"peerDependencies": {
66-
"react": "^16.8.0 || 17.x",
67-
"react-dom": "^16.8.0 || 17.x"
67+
"react": "^16.8.0 || 17.x || 18.x",
68+
"react-dom": "^16.8.0 || 17.x || 18.x"
6869
}
6970
}

‎src/IconAccountCircle.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const IconAccountCircle: React.FC<IconProps> = ({ ...props }) => (
1313
<rect fill="none" height="24" width="24" />
1414
</g>
1515
<g>
16-
<path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,6c1.93,0,3.5,1.57,3.5,3.5S13.93,13,12,13 s-3.5-1.57-3.5-3.5S10.07,6,12,6z M12,20c-2.03,0-4.43-0.82-6.14-2.88C7.55,15.8,9.68,15,12,15s4.45,0.8,6.14,2.12 C16.43,19.18,14.03,20,12,20z" />
16+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" />
1717
</g>
1818
</svg>
1919
)

‎src/IconAccountCircleOutlined.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,8 @@ const IconAccountCircleOutlined: React.FC<IconProps> = ({ ...props }) => (
1414
</g>
1515
<g>
1616
<g>
17-
<path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M7.35,18.5C8.66,17.56,10.26,17,12,17 s3.34,0.56,4.65,1.5C15.34,19.44,13.74,20,12,20S8.66,19.44,7.35,18.5z M18.14,17.12L18.14,17.12C16.45,15.8,14.32,15,12,15 s-4.45,0.8-6.14,2.12l0,0C4.7,15.73,4,13.95,4,12c0-4.42,3.58-8,8-8s8,3.58,8,8C20,13.95,19.3,15.73,18.14,17.12z" />
18-
<path d="M12,6c-1.93,0-3.5,1.57-3.5,3.5S10.07,13,12,13s3.5-1.57,3.5-3.5S13.93,6,12,6z M12,11c-0.83,0-1.5-0.67-1.5-1.5 S11.17,8,12,8s1.5,0.67,1.5,1.5S12.83,11,12,11z" />
17+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38C16.45 15.8 14.32 15 12 15s-4.45.8-6.14 2.12C4.7 15.73 4 13.95 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z" />
18+
<path d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z" />
1919
</g>
2020
</g>
2121
</svg>

‎src/IconAccountCircleRounded.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const IconAccountCircleRounded: React.FC<IconProps> = ({ ...props }) => (
1414
<rect fill="none" height="24" width="24" />
1515
</g>
1616
<g>
17-
<path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,6c1.93,0,3.5,1.57,3.5,3.5S13.93,13,12,13 s-3.5-1.57-3.5-3.5S10.07,6,12,6z M12,20c-2.03,0-4.43-0.82-6.14-2.88C7.55,15.8,9.68,15,12,15s4.45,0.8,6.14,2.12 C16.43,19.18,14.03,20,12,20z" />
17+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" />
1818
</g>
1919
</svg>
2020
)

‎src/IconAccountCircleSharp.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const IconAccountCircleSharp: React.FC<IconProps> = ({ ...props }) => (
1313
<rect fill="none" height="24" width="24" />
1414
</g>
1515
<g>
16-
<path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,6c1.93,0,3.5,1.57,3.5,3.5S13.93,13,12,13 s-3.5-1.57-3.5-3.5S10.07,6,12,6z M12,20c-2.03,0-4.43-0.82-6.14-2.88C7.55,15.8,9.68,15,12,15s4.45,0.8,6.14,2.12 C16.43,19.18,14.03,20,12,20z" />
16+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" />
1717
</g>
1818
</svg>
1919
)

‎src/IconAccountCircleTwoTone.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,12 @@ const IconAccountCircleTwoTone: React.FC<IconProps> = ({ ...props }) => (
1515
<g>
1616
<g>
1717
<path
18-
d="M12,4c-4.42,0-8,3.58-8,8c0,1.95,0.7,3.73,1.86,5.12C7.55,15.8,9.68,15,12,15 s4.45,0.8,6.14,2.12C19.3,15.73,20,13.95,20,12C20,7.58,16.42,4,12,4z M12,13c-1.93,0-3.5-1.57-3.5-3.5C8.5,7.57,10.07,6,12,6 s3.5,1.57,3.5,3.5C15.5,11.43,13.93,13,12,13z"
18+
d="M12 4c-4.42 0-8 3.58-8 8 0 1.95.7 3.73 1.86 5.12C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C19.3 15.73 20 13.95 20 12c0-4.42-3.58-8-8-8zm0 9c-1.93 0-3.5-1.57-3.5-3.5S10.07 6 12 6s3.5 1.57 3.5 3.5S13.93 13 12 13z"
1919
enableBackground="new"
2020
opacity=".3"
2121
/>
22-
<path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,20c-1.74,0-3.34-0.56-4.65-1.5 C8.66,17.56,10.26,17,12,17s3.34,0.56,4.65,1.5C15.34,19.44,13.74,20,12,20z M18.14,17.12C16.45,15.8,14.32,15,12,15 s-4.45,0.8-6.14,2.12C4.7,15.73,4,13.95,4,12c0-4.42,3.58-8,8-8s8,3.58,8,8C20,13.95,19.3,15.73,18.14,17.12z" />
23-
<path d="M12,5.93c-1.93,0-3.5,1.57-3.5,3.5c0,1.93,1.57,3.5,3.5,3.5s3.5-1.57,3.5-3.5C15.5,7.5,13.93,5.93,12,5.93z M12,10.93 c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S12.83,10.93,12,10.93z" />
22+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-1.74 0-3.34-.56-4.65-1.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5zm6.14-2.88C16.45 15.8 14.32 15 12 15s-4.45.8-6.14 2.12C4.7 15.73 4 13.95 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z" />
23+
<path d="M12 5.93c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5zm0 5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
2424
</g>
2525
</g>
2626
</svg>

‎src/IconAddChartOutlined.tsx‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react'
22
import { IconProps } from './types'
33

4-
const IconAddchartOutlined: React.FC<IconProps> = ({ ...props }) => (
4+
const IconAddChartOutlined: React.FC<IconProps> = ({ ...props }) => (
55
<svg
66
xmlns="http://www.w3.org/2000/svg"
77
enableBackground="new 0 0 24 24"
@@ -11,9 +11,17 @@ const IconAddchartOutlined: React.FC<IconProps> = ({ ...props }) => (
1111
{props.title && <title>{props.title}</title>}
1212
<g>
1313
<rect fill="none" height="24" width="24" />
14-
<path d="M22,5v2h-3v3h-2V7h-3V5h3V2h2v3H22z M19,19H5V5h6V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-6h-2V19z M15,13v4h2v-4H15z M11,17h2V9h-2V17z M9,17v-6H7v6H9z" />
14+
</g>
15+
<g>
16+
<g>
17+
<path d="M19,19H5V5h9V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-9h-2V19z" />
18+
<rect height="4" width="2" x="15" y="13" />
19+
<rect height="7" width="2" x="7" y="10" />
20+
<rect height="10" width="2" x="11" y="7" />
21+
<polygon points="19,5 19,3 17,3 17,5 15,5 15,7 17,7 17,9 19,9 19,7 21,7 21,5" />
22+
</g>
1523
</g>
1624
</svg>
1725
)
1826

19-
export { IconAddchartOutlined as default }
27+
export { IconAddChartOutlined as default }

0 commit comments

Comments
 (0)