@mindlogic-ai/logician-ui 4.0.0-alpha.11 → 4.0.0-alpha.13

package/src/components/Banner/Banner.tsx

@@ -51,7 +51,7 @@ export const Banner = forwardRef(
         <Flex align="stretch" gap={2}>
           {!hideIcon && (
             <Box>
-              <Icon mr={2} color={color} boxSize="md" />
+              <Icon mr={2} color={color} boxSize={styles.icon.boxSize} />
             </Box>
           )}
           {typeof children === 'string' ? (

package/src/components/ColorMode/ColorModeToggle.tsx

@@ -1,7 +1,7 @@
 'use client';
 import React, { useEffect, useState } from 'react';
-import { LuMoon, LuSun } from 'react-icons/lu';
 
+import { MoonIcon, SunIcon } from '@/components/Icon';
 import { IconButton } from '@/components/IconButton';
 import type { IconButtonProps } from '@/components/IconButton/IconButton.types';
 
@@ -37,7 +37,7 @@ export const ColorModeToggle: React.FC<ColorModeToggleProps> = ({
 
   return (
     <IconButton aria-label={ariaLabel} onClick={toggleColorMode} {...rest}>
-      {mounted && colorMode === 'dark' ? <LuSun /> : <LuMoon />}
+      {mounted && colorMode === 'dark' ? <SunIcon /> : <MoonIcon />}
     </IconButton>
   );
 };

package/src/components/FileInput/FileInput.tsx

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, forwardRef } from 'react';
 import { Box, Flex, Input } from '@chakra-ui/react';
 
-import { LuUpload } from '@/components/Icon';
+import { UploadIcon } from '@/components/Icon';
 import { Spinner } from '@/components/Spinner';
 import { Text } from '@/components/Typography';
 import { useTranslate } from '@/hooks/useTranslate';
@@ -90,7 +90,7 @@ export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
                   mb={2}
                   w="fit-content"
                 >
-                  <LuUpload color={bgImage ? 'fg.default' : 'fg.subtle'} />
+                  <UploadIcon color={bgImage ? 'fg.default' : 'fg.subtle'} />
                 </Box>
                 <Text color={bgImage ? 'fg.default' : 'fg.subtle'}>
                   {fileInputLabel || translate('upload_your_file')}

package/src/components/FileItem/FileItem.tsx

@@ -3,11 +3,11 @@ import { Box, Flex } from '@chakra-ui/react';
 
 import { FileItemProps } from '@/components/FileItem/FileItem.types';
 import {
-  CiFileOn,
-  FaRegTrashAlt,
-  IoClose,
-  LuDownload,
-  MdError,
+  AlertCircleFilledIcon,
+  CloseIcon,
+  DownloadIcon,
+  FileIcon,
+  TrashIcon,
 } from '@/components/Icon';
 import { IconButton } from '@/components/IconButton';
 import { ProgressBar } from '@/components/ProgressBar';
@@ -60,7 +60,7 @@ export const FileItem = ({
     >
       <Flex w="60%" alignItems="center" gap={2}>
         <Box minW={5}>
-          <CiFileOn color={error ? errorColor : 'fg.muted'} />
+          <FileIcon color={error ? errorColor : 'fg.muted'} />
         </Box>
         <Text truncate color={error ? errorColor : undefined}>
           {fileName}
@@ -70,7 +70,7 @@ export const FileItem = ({
         {error ? (
           <Flex w="100%" justify="flex-end" align="center" gap={2}>
             <Tooltip content={error} placement="top">
-              <MdError color={errorColor} />
+              <AlertCircleFilledIcon color={errorColor} />
             </Tooltip>
             {/* TODO: implement retry button */}
           </Flex>
@@ -89,7 +89,7 @@ export const FileItem = ({
                   colorPalette="neutral"
                   variant="ghost"
                 >
-                  <IoClose color="fg.subtle" boxSize="md" />
+                  <CloseIcon color="fg.subtle" boxSize="md" />
                 </IconButton>
               </Flex>
             )}
@@ -113,7 +113,7 @@ export const FileItem = ({
                       colorPalette="neutral"
                       variant="ghost"
                     >
-                      <LuDownload color="fg.muted" />
+                      <DownloadIcon color="fg.muted" />
                     </IconButton>
                   </Tooltip>
                 )}
@@ -134,7 +134,7 @@ export const FileItem = ({
                       colorPalette="neutral"
                       variant="ghost"
                     >
-                      <FaRegTrashAlt boxSize="sm" color="fg.muted" />
+                      <TrashIcon boxSize="sm" color="fg.muted" />
                     </IconButton>
                   </Tooltip>
                 )}

package/src/components/FileList/FileList.tsx

@@ -3,7 +3,7 @@ import { Box, Button, List } from '@chakra-ui/react';
 
 import { FileItem } from '@/components/FileItem';
 import { FileGroupProps } from '@/components/FileList/FileList.types';
-import { IoChevronDownOutline } from '@/components/Icon';
+import { ChevronDownIcon } from '@/components/Icon';
 import { Subtitle } from '@/components/Typography';
 import { useTranslate } from '@/hooks/useTranslate';
 
@@ -94,7 +94,7 @@ export const FileList = ({
           <Subtitle color="fg.subtle">
             {translate('see_more')} ({visibleCount}/{files.length})
           </Subtitle>
-          <IoChevronDownOutline color="fg.subtle" />
+          <ChevronDownIcon color="fg.subtle" />
         </Button>
       )}
     </Box>