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.

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
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.

1 participant