Problem
Several buttons render icons inline within text via Icon's inline prop, keeping inline layout logic inside the monolithic Icon facade. After M1 lands the dedicated InlineIcon primitive, these call sites should import it directly so the inline branch can be removed from Icon.
Solution
Replace each Icon usage that sets inline with a direct InlineIcon import, mapping props to the primitive's API (contentSize, iconWidth, iconHeight, etc.). Once no call sites remain, remove the inline prop and its branch from src/components/Icon/index.tsx.
Known call sites on main:
Verify for any additional Icon + inline usages after M1 merges (the M1 PR cites three call sites).
Acceptance criteria
- No remaining
Icon usages with inline in src/.
- Inline copy and icon alignment unchanged in affected buttons.
Dependencies
Blocked by #95156 (M1 must merge first).
Issue Owner
Current Issue Owner: @jmusial
Problem
Several buttons render icons inline within text via
Icon'sinlineprop, keeping inline layout logic inside the monolithicIconfacade. After M1 lands the dedicatedInlineIconprimitive, these call sites should import it directly so theinlinebranch can be removed fromIcon.Solution
Replace each
Iconusage that setsinlinewith a directInlineIconimport, mapping props to the primitive's API (contentSize,iconWidth,iconHeight, etc.). Once no call sites remain, remove theinlineprop and its branch fromsrc/components/Icon/index.tsx.Known call sites on
main:src/components/Pressable/PressableWithDelayToggle.tsx—Iconwithinline={inline}src/components/ButtonWithDropdownMenu/index.tsx—Iconwithinline={shouldUseShortForm}Verify for any additional
Icon+inlineusages after M1 merges (the M1 PR cites three call sites).Acceptance criteria
Iconusages withinlineinsrc/.Dependencies
Blocked by #95156 (M1 must merge first).
Issue Owner
Current Issue Owner: @jmusial