chore: Bump outline-icons (#5170

* Bump outline-icons to default use currentColor

* wip

app/components/Sidebar/components/ArchiveLink.tsx

@@ -32,7 +32,7 @@ function ArchiveLink() {
     <div ref={dropToArchiveDocument}>
       <SidebarLink
         to={archivePath()}
-        icon={<ArchiveIcon color="currentColor" open={isDocumentDropping} />}
+        icon={<ArchiveIcon open={isDocumentDropping} />}
         exact={false}
         label={t("Archive")}
         active={documents.active?.isArchived && !documents.active?.isDeleted}

app/components/Sidebar/components/Disclosure.tsx

@@ -22,7 +22,7 @@ function Disclosure({ onClick, root, expanded, ...rest }: Props) {
       aria-label={expanded ? t("Collapse") : t("Expand")}
       {...rest}
     >
-      <StyledCollapsedIcon expanded={expanded} size={20} color="currentColor" />
+      <StyledCollapsedIcon expanded={expanded} size={20} />
     </Button>
   );
 }

app/components/Sidebar/components/Header.tsx

@@ -36,9 +36,7 @@ export const Header: React.FC<Props> = ({ id, title, children }) => {
       <H3>
         <Button onClick={handleClick} disabled={!id}>
           {title}
-          {id && (
-            <Disclosure expanded={expanded} color="currentColor" size={20} />
-          )}
+          {id && <Disclosure expanded={expanded} size={20} />}
         </Button>
       </H3>
       {expanded && (firstRender ? children : <Fade>{children}</Fade>)}

app/components/Sidebar/components/HeaderButton.tsx

@@ -40,8 +40,8 @@ const HeaderButton = React.forwardRef<HTMLButtonElement, HeaderButtonProps>(
         {image}
         {title}
       </Title>
-      {showDisclosure && <ExpandedIcon color="currentColor" />}
-      {showMoreMenu && <MoreIcon color="currentColor" />}
+      {showDisclosure && <ExpandedIcon />}
+      {showMoreMenu && <MoreIcon />}
     </Wrapper>
   )
 );

app/components/Sidebar/components/HistoryNavigation.tsx

@@ -45,12 +45,12 @@ function HistoryNavigation(props: React.ComponentProps<typeof Flex>) {
     <Navigation gap={4} {...props}>
       <Tooltip tooltip={t("Go back")} delay={500}>
         <NudeButton onClick={() => Desktop.bridge.goBack()}>
-          <Back color="currentColor" $active={back} />
+          <Back $active={back} />
         </NudeButton>
       </Tooltip>
       <Tooltip tooltip={t("Go forward")} delay={500}>
         <NudeButton onClick={() => Desktop.bridge.goForward()}>
-          <Forward color="currentColor" $active={forward} />
+          <Forward $active={forward} />
         </NudeButton>
       </Tooltip>
     </Navigation>

app/components/Sidebar/components/TrashLink.tsx

@@ -36,7 +36,7 @@ function TrashLink() {
       <div ref={dropToTrashDocument}>
         <SidebarLink
           to={trashPath()}
-          icon={<TrashIcon color="currentColor" open={isDocumentDropping} />}
+          icon={<TrashIcon open={isDocumentDropping} />}
           exact={false}
           label={t("Trash")}
           active={documents.active?.isDeleted}