[matyasf]

Summary

• withStyle/withStyleNew no longer let an explicit undefined prop overwrite its default when computing styles, so <View borderColor={undefined} /> looks the same in React 18 and 19
• Remove the iconPlacement = 'start' workaround from Link v1 and v2 styles.ts, which only existed because of this

Test Plan

• Render the snippet from the ticket in the regression-test app (React 19.3.0) and compare the border color with React 18
• Check <Link renderIcon={...} iconPlacement={undefined}> puts the icon before the text
• Test this code in React 18 and 19, the border should be grey:

<View
  display="inline-block"
  borderWidth="large"
  borderColor={undefined}>
test 123
</View>

Fixes INSTUI-5252

🤖 Generated with Claude Code

[github-actions]

PR Preview Action v1.8.2
🚀 View preview at https://instructure.design/pr-preview/pr-2796/
Built to branch gh-pages at 2026-11-13 12:39 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[github-actions]

Visual regression report

Cypress suite: ✅ Passing

Visual diff: ⚠️ Changes detected.

Status	Count
Unchanged	108
Changed	3
New	0
Removed	0

Accessibility (axe): ✅ No violations.

📊 View full report — click a screenshot's ⚠ badge to see each violation boxed on the image, with the offending element named and contrast failures shown as color swatches.

Diff images (3)

view-canvas.png — 2204 pixels differ

view-dark.png — 2288 pixels differ

view-light.png — 281 pixels differ

_{Baselines come from the visual-baselines branch. They refresh on every merge to master. The Cypress suite line covers the a11y and console-error assertions — a ❌ there means the suite found real issues even if the visual diff is clean.}