From 86532fed9777d517a42f588fceb1afcb72ebc20b Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Tue, 4 Aug 2026 13:08:10 -0700 Subject: [PATCH] fix(emcn): match Folder icon geometry to FolderOpen Folder and FolderOpen toggle in place in the sidebar folder rows, but carried incompatible geometry: Folder was a fill-based outline in a tight 14.5x13 box at stroke 0.3, while FolderOpen is the house-standard stroke outline in -1 -2 24 24 at stroke 1.55. A square size-[16px] therefore scaled the closed folder to ~16x14.3px where the open one renders ~11.3x10px, so expanding a folder visibly shrank its icon. Redraw Folder as FolderOpen's own body outline closed along the bottom-right, so the pair shares a silhouette, a box and a stroke weight by construction. --- packages/emcn/src/icons/folder.tsx | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/packages/emcn/src/icons/folder.tsx b/packages/emcn/src/icons/folder.tsx index 584ac90f1cb..9f0a3587492 100644 --- a/packages/emcn/src/icons/folder.tsx +++ b/packages/emcn/src/icons/folder.tsx @@ -1,26 +1,31 @@ import type { SVGProps } from 'react' /** - * Folder icon component + * Folder icon component - closed counterpart of {@link FolderOpen} + * + * The path is FolderOpen's own body outline, closed along the bottom-right, so + * the pair shares a silhouette, a box and a stroke weight. The two toggle in + * place (sidebar folder rows), which makes any divergence read as the icon + * changing size on expand. + * * @param props - SVG properties including className, fill, etc. */ export function Folder(props: SVGProps) { return ( ) }