Upgrades everything

package.json

@@ -19,7 +19,7 @@
     "build:src": "ts-node build",
     "build:docs": "parcel build static/index.html static/icons/* --dist-dir docs --public-url ./",
     "start": "npm run clear && npm run build && parcel static/index.html static/icons/*",
-    "clear": "rm  src/*.tsx && rm -rf static/chuck/* && rm -rf lib",
+    "clear": "rm -f src/*.tsx && rm -rf static/chuck/* && rm -rf lib",
     "semantic-release": "semantic-release",
     "test": "jest"
   },
@@ -48,38 +48,38 @@
   },
   "homepage": "https://github.com/2fd/ant-design-icons#readme",
   "devDependencies": {
-    "@mdi/js": "^6.7.96",
-    "@mdi/svg": "^6.7.96",
-    "@semantic-release/changelog": "^5.0.0",
-    "@types/camelcase": "^5.2.0",
-    "@types/jest": "^26.0.0",
-    "@types/mustache": "^4.0.0",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.4.0",
-    "@types/react-dom": "^16.4.0",
-    "@types/react-test-renderer": "^16.4.0",
-    "antd": "^4.0.0",
-    "camelcase": "^7.0.0",
-    "jest": "^26.6.3",
-    "mustache": "^4.0.0",
-    "parcel": "^2.6.1",
-    "prettier": "^2.7.1",
+    "@mdi/js": "^7.2.96",
+    "@mdi/svg": "^7.2.96",
+    "@semantic-release/changelog": "^6.0.3",
+    "@types/jest": "^29.5.2",
+    "@types/mustache": "^4.2.2",
+    "@types/node": "^20.11.28",
+    "@types/react": "^18.2.8",
+    "@types/react-dom": "^18.2.4",
+    "@types/react-test-renderer": "^18.0.0",
+    "antd": "^5.5.2",
+    "camelcase": "^8.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "mustache": "^4.2.0",
+    "parcel": "^2.9.1",
+    "prettier": "^3.2.5",
     "process": "^0.11.10",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-test-renderer": "^16.4.0",
-    "semantic-release": "^17.0.0",
-    "ts-jest": "^26.4.4",
-    "ts-node": "^10.8.1",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "react-test-renderer": "^18.2.0",
+    "semantic-release": "^23.0.4",
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.5.3",
+    "typescript": "^5.1.3"
   },
   "peerDependencies": {
-    "antd": "^4.0.0",
-    "react": ">=16.0.0",
-    "react-dom": ">=16.0.0"
+    "antd": "^5.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@ant-design/icons": "^4.0.0"
+    "@ant-design/icons": "^5.1.4"
   }
 }

static/Site.css

@@ -72,16 +72,10 @@ body.fixed .ant-message {
 
 section.search-container .ant-btn {
   margin-left: .5em;
-  font-size: 24px;
   padding-bottom: 0;
   height: 38px;
 }
 
-section.search-container .ant-btn .npm svg {
-  height: 38px;
-  width: auto
-}
-
 section.search-container .ant-input-group-addon .ant-btn {
   margin-left: 0;
   height: 40px;
@@ -95,4 +89,4 @@ section.icon-list {
   max-width: 1120px;
 }
 
-/* @media only screen and (max-width: var(--on-table)) {} */
+/* @media only screen and (max-width: var(--on-table)) {} */

static/Site.tsx

@@ -7,16 +7,12 @@ import GithubIcon from '../src/Github'
 import IconList from './IconList'
 import Logo from './Logo'
 
-// import 'antd/dist/antd.min.css'
-// import 'antd/lib/button/style/index.css'
-// import 'antd/lib/input/style/index.css'
-// import 'antd/lib/message/style/index.css'
 import './Site.css'
 
 export default function Site() {
   const [filter, setFilter] = React.useState(window.location.hash.slice(1))
 
-  let debounceFilterChange: NodeJS.Timeout
+  let debounceFilterChange: number
   function handleFilterChange(event: React.ChangeEvent<HTMLInputElement>) {
     const newFilter = event.target.value
 
@@ -91,10 +87,10 @@ export default function Site() {
             onChange={handleFilterChange}
           />
           <Button size="large" href="https://github.com/2fd/ant-design-icons">
-            <GithubIcon />
+            <GithubIcon style={{fontSize: '24px'}} />
           </Button>
           <Button size="large" href="https://www.npmjs.com/package/@2fd/ant-design-icons" >
-            <NpmIcon className="npm" />
+            <NpmIcon style={{fontSize: '24px'}} />
           </Button>
           </div>
       </section>

static/index.html

@@ -8,13 +8,10 @@
       type="image/x-icon"
     />
     <title>Ant Design + Material Design Icon</title>
-    <link rel="stylesheet" href="../node_modules/antd/lib/button/style/index.css" />
-    <link rel="stylesheet" href="../node_modules/antd/lib/input/style/index.css" />
-    <link rel="stylesheet" href="../node_modules/antd/lib/message/style/index.css" />
   </head>
   <body>
     <div id="root">
     </div>
     <script type="module" src="./index.tsx"></script>
   </body>
-</html>
+</html>

static/index.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import * as ReactDOM from 'react-dom'
+import {createRoot} from 'react-dom/client'
 import Site from './Site'
 
 const root = document.getElementById('root')
-
-ReactDOM.render(<Site />, root)
+createRoot(root).render(<Site/>)

templates/types.mustache

@@ -1,2 +1,5 @@
-import Icon, { IconBaseProps } from '@ant-design/icons/lib/components/Icon'
-export type IconProps = Omit<IconBaseProps, 'ref'> & { ref?: Exclude<IconBaseProps['ref'], string> }
+import {IconComponentProps} from '@ant-design/icons/lib/components/Icon'
+import * as React from "react";
+
+type BaseIconProps = React.PropsWithoutRef<IconComponentProps> & React.RefAttributes<HTMLSpanElement>
+export type IconProps = Omit<BaseIconProps, 'ref'> & { ref?: Exclude<BaseIconProps['ref'], string> }

test/Icon.test.tsx

@@ -1,7 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react'
 import renderer from 'react-test-renderer'
 import Account from '../src/Account'
 
 test(`Render Icon`, () => {
   renderer.create(<Account />)
-})
+})