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

IYY-303: Callout component animations and background image options #467

Open
wants to merge 47 commits into
base: iyy
Choose a base branch
from

Conversation

joetower
Copy link
Contributor

@joetower joetower commented Feb 5, 2025

IYY-303: Callout component animations and background image options

Description of work

Testing Link(s)

Functional Review Steps

  • Navigate to the Tile Item Component Story
  • Verify you can set With Animation
  • When you hover over a tile, you see an animated underline
  • Test the global theme and component theme dial options
iyy-tile-item-animation.mp4

  • Navigate to the Tiles Component Story
  • Verify you can set With Animation
  • When you hover over a tile, you see an animated underline
  • Test different global themes
iyy-tiles-animation.mp4

Design Review

  • Verify the designs match the Figma Designs
  • Note: we're using the Tiles/Tile Item component which uses an optional yds-text-link around the content instead of providing a button as in the designs. We could add a button option, but it would exist with the option to link the content as is currently in place. It might be odd having two link options per tile, but let me know if you'd like to discuss this further.

Accessibility Review

  • Verify the component meets Accessibility requirements

dblanken-yale and others added 30 commits November 6, 2024 10:54
When attempting to use `npm run develop`, the watched files in webpack
would remove the fonts folder from dist on update, causing issues when
we try to verify links and the like.  This ensures that it keeps them
there on cleanups.
The new way to deal with default values is to use an args attribute, but
our old way was to include this in the argTypes.  This produces a valid
args hash from the argTypes.
The date logic was quite complex.  We refactored this so that we could
easily add more date formats and reference them with an override if we
needed a specific one.  An example of this was for the post
"By author | DATE", which was formatted outside of this twig.  Now we
can include an override for items like this to force a certain style,
while allowing the existing functionality to remain.
It looks as if the meta components use a format of day__full, which is
not defined in the comments.
fix(webpack): watched webpack keeps fonts
The previous Figma URL was out of date, so this points now to the latest
UI Kit version.  Since we also are not using Percy, I removed that as
well, and we can re-add it if we decide to re-activate it in the CI.
Update Git PR Template Figma URL and remove Percy reference
…l-align

IYY-302: Add vertical text alignment to Spotlights
This should be done better such that the user does not have to create
JSON.
We have "reference_card__image" instead
When screen size is very small, mimic when it's desktop sized where the
image is on top of the content.
@joetower joetower changed the title feat(IYY-303): add animation option to tile-item/tiles IYY-303: Callout component animations and background image options Feb 6, 2025
@joetower joetower marked this pull request as ready for review February 6, 2025 19:07
Copy link
Contributor

@dblanken-yale dblanken-yale left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good stuff! Ship it!

Copy link
Contributor

@codechefmarc codechefmarc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Approved!

dblanken-yale and others added 15 commits February 7, 2025 13:31
…ry-styling

YSP-768: Update category styling on reference cards
…-styling

YSP-564: Custom Cards on mobile responsiveness
While the default placeholder is nice, we want to be able to track
link contrast issues in the footer.  This allows us to provide an
override on the Storybook side that would allow us to display this for
verification, while keeping existing functionality.
We want to see actual links inside of the footer, so this is a way for
us to do so to verify contrast issues.
This allows us to see what links would really look like in the component
library.
To make sure we pass contrast, we are forcing this to mimic the color of
the text it is with.
To pass contrast, mimic the content portion to have a consistent footer
that passes contrast tests.
…er-link-contrast

YSP-785: A11y: New Haven Green + ONHA Mega Footer link contrast
@dblanken-yale
Copy link
Contributor

Can this target the iyy branch? Just trying to get ready for the release and didn't want it accidentally going in. :D

@joetower joetower changed the base branch from develop to iyy February 10, 2025 21:34
@joetower
Copy link
Contributor Author

@dblanken-yale Updated all three repos to use iyy as merge base. 👍

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.

5 participants