DSD-1520: Add sizeBasedOn prop to Logo

[jackiequach]

Fixes JIRA ticket 1520

This PR does the following:

• Adds sizeBasedOn prop to Logo and corresponding info in Storybook docs
• Adds snapshot test for size based on height

How has this been tested?

Locally in Storybook

Accessibility concerns or updates

• N/A

Checklist:

• I have updated the Storybook documentation accordingly.
• I have added relevant accessibility documentation for this pull request.
• All new and existing tests passed.

Front End Review:

• Review the Vercel preview deployment once it is ready.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
nypl-design-system	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 7, 2023 4:59pm

[EdwinGuzman]

The code looks good. I was trying to see if the logic in logo.ts could be done so that there's one object since the pixel values are the same for both size and sizeBasedOn. But the maxWidth and maxHeight does make that a bit difficult, and also the largest two sizes.

One thing that this is missing is the new component changelog table. Here's an example implementation: https://github.com/NYPL/nypl-design-system/blob/development/src/components/Slider/Slider.mdx#L339
and an example data file: https://github.com/NYPL/nypl-design-system/blob/development/src/components/Slider/sliderChangelogData.ts

[EdwinGuzman]

Looks good! Thanks for the last update. Let's also wait for Marty to review because he knows the styles better than I do.

[bigfishdesign13]

Works great! Just make sure to update the TOC on the story page.