Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add activeIcon to SideNavigation links #2295

Merged
merged 2 commits into from
Nov 14, 2023
Merged

Conversation

connor-baer
Copy link
Member

@connor-baer connor-baer commented Nov 13, 2023

Purpose

In the current design, the icons in the top and primary navigation turn blue when active. Since we plan to switch from blue to black as our accent color, we must communicate the active state differently. The idea is to use outlined and filled icons for the default and active states, respectively.

Approach and changes

  • Add optional support for an activeIcon to the TopNavigation and SideNavigation links

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

Copy link

changeset-bot bot commented Nov 13, 2023

🦋 Changeset detected

Latest commit: 1d23e73

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@sumup/circuit-ui Minor
@sumup/eslint-plugin-circuit-ui Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Nov 13, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
oss-circuit-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 13, 2023 7:06pm

Copy link

codecov bot commented Nov 13, 2023

Codecov Report

Merging #2295 (1d23e73) into main (c776399) will increase coverage by 0.00%.
The diff coverage is 100.00%.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2295   +/-   ##
=======================================
  Coverage   97.15%   97.15%           
=======================================
  Files         251      251           
  Lines       19862    19865    +3     
  Branches     1224     1225    +1     
=======================================
+ Hits        19297    19300    +3     
  Misses        551      551           
  Partials       14       14           
Files Coverage Δ
...eNavigation/components/PrimaryLink/PrimaryLink.tsx 94.18% <100.00%> (+0.21%) ⬆️

@connor-baer connor-baer marked this pull request as ready for review November 14, 2023 07:43
@connor-baer connor-baer requested a review from a team as a code owner November 14, 2023 07:43
@connor-baer connor-baer requested review from pdrmdrs and removed request for a team November 14, 2023 07:43
@connor-baer connor-baer merged commit 6c536a2 into main Nov 14, 2023
10 checks passed
@connor-baer connor-baer deleted the feature/nav-active-icons branch November 14, 2023 16:03
@connor-baer connor-baer mentioned this pull request Nov 14, 2023
@connor-baer connor-baer changed the title Add activeIcon to TopNavigation and SideNavigation links Add activeIcon to SideNavigation links Nov 15, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant