Skip to content

Conversation

@matijs
Copy link
Member

@matijs matijs commented Aug 22, 2025

Replace the size prop with appearance. "size" only set size whereas "appearance" also sets a value for --nl-icon-inset-block-start that center aligns icons with text inline.

Add dummy SVG icons, circle, square, and diamond that are "edge-to-edge" icons as well as "inset" versions that are inset by 2 in their viewBoxes.

Replace all stories that used "size" with their "appearance" counterparts.

@vercel
Copy link

vercel bot commented Aug 22, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
candidate Ready Ready Preview Comment Aug 22, 2025 7:27pm
candidate-storybook-non-conforming Ready Ready Preview Comment Aug 22, 2025 7:27pm
candidate-storybook-test Ready Ready Preview Comment Aug 22, 2025 7:27pm
evil-storybook Ready Ready Preview Comment Aug 22, 2025 7:27pm

Replace the size prop with appearance. "size" only set size whereas
"appearance" also sets a value for `--nl-icon-inset-block-start` that
center aligns icons with text inline.

Add dummy SVG icons, circle, square, and diamond that are "edge-to-edge"
icons as well as "inset" versions that are inset by 2 in their
viewBoxes.

Replace all stories that used "size" with their "appearance"
counterparts.
@matijs matijs force-pushed the refactor/icon-appearance branch from de8073c to ee7b458 Compare August 22, 2025 19:25
@sonarqubecloud
Copy link

Quality Gate Failed Quality Gate failed

Failed conditions
40.7% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants