remove @chakra-ui/icon in favor of lucide-react

Author: antpaw

package-lock.json

@@ -63,13 +63,13 @@
     "node": ">=20"
   },
   "peerDependencies": {
-    "@chakra-ui/icons": ">=1.1.1",
     "@chakra-ui/react": ">=3.4.0",
     "@chakra-ui/system": ">=1.12.1",
     "@rjsf/core": "^6.x",
     "@rjsf/utils": "^6.x",
     "chakra-react-select": ">=3.3.8",
-    "react": ">=18"
+    "react": ">=18",
+    "lucide-react": "^0.488.0"
   },
   "publishConfig": {
     "access": "public"
@@ -90,7 +90,6 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@chakra-ui/cli": "^3.4.0",
-    "@chakra-ui/icons": "^1.1.7",
     "@chakra-ui/react": "^3.4.0",
     "@chakra-ui/system": "^1.12.1",
     "@emotion/eslint-plugin": "^11.11.0",
@@ -111,6 +110,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
+    "lucide-react": "^0.488.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",

packages/chakra-ui/package.json

@@ -1,6 +1,6 @@
 import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 import { Button } from '@chakra-ui/react';
-import { AddIcon } from '@chakra-ui/icons';
+import { PlusIcon } from 'lucide-react';
 
 export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   uiSchema,
@@ -10,7 +10,7 @@ export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSche
   const { translateString } = registry;
   return (
     <Button {...props}>
-      <AddIcon />
+      <PlusIcon />
       {translateString(TranslatableString.AddItemButton)}
     </Button>
   );

packages/chakra-ui/src/AddButton/AddButton.tsx

@@ -1,6 +1,6 @@
 import { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 import { ListIndicator, ListItem, ListRoot } from '@chakra-ui/react';
-import { WarningIcon } from '@chakra-ui/icons';
+import { TriangleAlert } from 'lucide-react';
 import { Alert } from '../components/ui/alert';
 
 export default function ErrorList<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
@@ -20,7 +20,7 @@ export default function ErrorList<T = any, S extends StrictRJSFSchema = RJSFSche
         {errors.map((error, i) => (
           <ListItem key={i}>
             <ListIndicator asChild color='red.500'>
-              <WarningIcon />
+              <TriangleAlert />
             </ListIndicator>
             {error.stack}
           </ListItem>

packages/chakra-ui/src/ErrorList/ErrorList.tsx

@@ -1,6 +1,6 @@
 import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 
-import { ArrowUpIcon, ArrowDownIcon, CopyIcon, DeleteIcon } from '@chakra-ui/icons';
+import { ArrowUpIcon, ArrowDownIcon, CopyIcon, DeleteIcon } from 'lucide-react';
 import ChakraIconButton from './ChakraIconButton';
 
 export function CopyButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(

packages/chakra-ui/src/IconButton/IconButton.tsx

@@ -46,7 +46,6 @@
     "@rjsf/semantic-ui": "^6.0.0-alpha.0",
     "@rjsf/utils": "^6.0.0-alpha.0",
     "@rjsf/validator-ajv8": "^6.0.0-alpha.0",
-    "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/react": "^3.15.1",
     "@emotion/react": "^11.14.0",
     "@fluentui/react": "^8.115.3",
@@ -71,7 +70,8 @@
     "react-frame-component": "^4.1.3",
     "react-is": "^18.2.0",
     "react-portal": "^4.2.2",
-    "semantic-ui-react": "^2.1.3"
+    "semantic-ui-react": "^2.1.3",
+    "lucide-react": "^0.488.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.23.9",