chore: Bump outline-icons (#5170

* Bump outline-icons to default use currentColor

* wip

shared/editor/components/DisabledEmbed.tsx

@@ -14,7 +14,7 @@ export default function DisabledEmbed(props: Props & ThemeProps<DefaultTheme>) {
       isSelected={props.isSelected}
       theme={props.theme}
     >
-      <OpenIcon color="currentColor" size={20} />
+      <OpenIcon size={20} />
     </Widget>
   );
 }

shared/editor/components/FileExtension.tsx

@@ -18,11 +18,7 @@ export default function FileExtension(props: Props) {
       style={{ background: stringToColor(extension || "") }}
       $size={props.size || 28}
     >
-      {extension ? (
-        <span>{extension?.slice(0, 4)}</span>
-      ) : (
-        <AttachmentIcon color="currentColor" />
-      )}
+      {extension ? <span>{extension?.slice(0, 4)}</span> : <AttachmentIcon />}
     </Icon>
   );
 }

shared/editor/components/Frame.tsx

@@ -92,7 +92,7 @@ class Frame extends React.Component<PropsWithRef> {
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <OpenIcon color="currentColor" size={18} /> Open
+                <OpenIcon size={18} /> Open
               </Open>
             )}
           </Bar>

shared/editor/components/Image.tsx

@@ -172,7 +172,7 @@ const Image = (
       >
         {!dragging && size.width > 60 && size.height > 60 && props.onDownload && (
           <Button onClick={props.onDownload}>
-            <DownloadIcon color="currentColor" />
+            <DownloadIcon />
           </Button>
         )}
         <ImageZoom zoomMargin={24}>

shared/editor/marks/Link.tsx

@@ -24,7 +24,7 @@ const LINK_INPUT_REGEX = /\[([^[]+)]\((\S+)\)$/;
 let icon: HTMLSpanElement;
 
 if (typeof window !== "undefined") {
-  const component = <OpenIcon color="currentColor" size={16} />;
+  const component = <OpenIcon size={16} />;
   icon = document.createElement("span");
   icon.className = "external-link";
   ReactDOM.render(component, icon);

shared/editor/nodes/Attachment.tsx

@@ -84,7 +84,7 @@ export default class Attachment extends Node {
         isSelected={isSelected}
         theme={theme}
       >
-        {node.attrs.href && <DownloadIcon color="currentColor" size={20} />}
+        {node.attrs.href && <DownloadIcon size={20} />}
       </Widget>
     );
   }

shared/editor/nodes/Notice.tsx

@@ -72,11 +72,11 @@ export default class Notice extends Node {
           let component;
 
           if (node.attrs.style === "tip") {
-            component = <StarredIcon color="currentColor" />;
+            component = <StarredIcon />;
           } else if (node.attrs.style === "warning") {
-            component = <WarningIcon color="currentColor" />;
+            component = <WarningIcon />;
           } else {
-            component = <InfoIcon color="currentColor" />;
+            component = <InfoIcon />;
           }
 
           icon = document.createElement("div");

shared/editor/plugins/BlockMenuTrigger.tsx

@@ -60,7 +60,7 @@ export default class BlockMenuTrigger extends Extension {
     const button = document.createElement("button");
     button.className = "block-menu-trigger";
     button.type = "button";
-    ReactDOM.render(<PlusIcon color="currentColor" />, button);
+    ReactDOM.render(<PlusIcon />, button);
 
     return [
       new Plugin({