Skip to content

Releases: NYPL/nypl-design-system

v2.1.3

07 Dec 17:00
f2b8fc9
Compare
Choose a tag to compare

Adds

  • Adds the hasVisitedStyles prop to Link which is used to include or omit the visited state styles. Default value is true.
  • Adds the useDSHeading hook to render a default H2 heading or a custom heading element.
  • Adds the sizeBasedOn prop to the Image component.
  • Adds the isDarkBackgroundImage prop to the Hero component.

Updates

  • Removes disabled variant from Link theme file, as it isn't being used.
  • Updates the font-weight to "regular" for the subtitle1 and subtitle2 text styles.
  • Updates the "digitalCollectionsBlack" variant of the Logo component to use NYPL color design tokens.
  • Updates the following components to accept JSX.Element type values into their "title" prop: List, NewsletterSignup,
  • Updates the following components to accept JSX.Element type values into their "headingText" prop: AlphabetFilter, AudioPlayer, ComponentWrapper, SearchBar, VideoPlayer
  • Updates the Notification component to accept JSX.Element type values into its "notificationHeading" prop.
  • Updates the StructuredContent component to accept JSX.Element type values into its "headingText" and "calloutText" props.
  • Updates the FeaturedContent component by adjusting the spacing in the "fullScreen" variant to better align the component text content with the page text content.
  • Updates the "campaign" variant of the Hero component to improve the spacing around the component.
  • Updates the Card component so that it accepts the imageProps.isLazy prop and passes it to its internal Image component.

Fixes

  • Adds z-index on hover to the SearchBar's select icon so it no longer disappears.
  • Adds z-index to the DatePicker's calendar container so that the helper text does not shift when the calendar opens.

v2.1.2

09 Nov 20:56
62dad0c
Compare
Choose a tag to compare

Adds

  • Adds the sizeBasedOn prop to the Logo component.
  • Added the autoComplete prop to the TextInput component for setting the "autocomplete" attribute manually.

Updates

  • Updates max version for Chakra UI to 1.8.9 for minor bug fixes.
  • Updates the layout for the "campaign" variant of the Hero component to have consistent padding on its left and right sides.
  • Updates the getSectionColors function to also return dark mode color variants.
  • Updates the NewsletterSignup component's newsletterSignupType prop to render proper dark mode variant colors.

v2.1.1

30 Oct 13:08
24125ed
Compare
Choose a tag to compare

Adds

  • Adds a changelog to the story pages for the Heading component.

Updates

  • Updates the Heading component to set the aria-roledescription value as "subtitle" (a more familiar and recognizable value) for the overline element.
  • Updates the FeedbackBox and NewsletterSignup components to set the tabindex on the internal elements to "-1".
  • Updates DatePicker's TextInput to always have an aria-label attribute that tells screen reader users how to access the calendar.
  • Updates Storybook to v7.5.1.

Fixes

  • Fixes a bug in the Hero component where custom background colors were not rendering properly in dark mode for the "campaign" and "tertiary" variants.

Deprecates

  • Deprecates the "secondary" and "fiftyFifty" variants of the Hero component.

v2.1.0

18 Oct 15:59
1cd65b7
Compare
Choose a tag to compare

Adds

  • Adds the ComponentChangelogTable component.
  • Adds a changelog to the story pages for the DatePicker, FeedbackBox, Hero, Slider, and TextInput components.
  • Adds the FeaturedContent component.
  • Adds the NewsletterSignup component.

Updates

  • Temporarily renaming FilterBar, MultiSelect, MultiSelectGroup, useMultiSelect, and useFilterBar Storybook page files so they don't show up in the Storybook sidebar.
  • Updates the Slider component to use appropriate aria-label values for the slider thumbs and text input fields.
  • Updates TextInput so it no longer incorrectly overwrites the aria-describedby value to undefined when part of the DatePicker component.
  • Updates DatePicker so that focus remains on input after value is changed.
  • Updates the FeedbackBox component to remove the underline on the component's Privacy Policy link.
  • Updates DatePicker to pass a additionalHelperTextIds to its TextInput if needed so that the aria-describedby value can be associated with all relevant helperTexts.

Fixes

  • Fixes an issue with backgroundColor and foregroundColor props not prioritizing the passed design token values for the Hero component.

v2.0.1

28 Sep 20:37
4d074a8
Compare
Choose a tag to compare

NOTE: Version number 2.0.0 was previously released in 2019 and is marked as deprecated in npm. The first stable relase for Reservoir v2 is 2.0.1.

v2.0.0

28 Sep 19:01
0aede4c
Compare
Choose a tag to compare

Breaking Changes

  • This update introduces a number of visual breaking changes related to typography styles.
  • Removes the FilterBar and MultiSelect components.
  • Removes the useFilterBar and useMultiSelect hooks.

Adds

  • Adds the isUnderlined prop to the Link component.
  • Adds the "standalone" variant to the Link component.
  • Adds NYPL Patterns to the Links Accessibility Guide.
  • Adds the SocialMediaLinks component.

Updates

  • Updates underline styles of the Link component.
  • Updates the hex value for the Link Primary color style.
  • Updates the Link component so that non-button variants change color once visited.
  • Updates the Link component to explicitly assign the text color for the "buttonPrimary" variant hover state.
  • Updates all components that render text to use the Typo2023 color scheme.
  • Updates the base styles to use the Typo2023 styles.
  • Updates all components to implement the Typo2023 styles.
  • Updates the Breadcrumbs, Card, Heading, Pagination, and SkipNavigation components to implement the Typo2023 link patterns.

v1.7.3

13 Sep 20:40
3cf04e1
Compare
Choose a tag to compare

Updates

  • Updates the Logo component to include variants for NYC Public Schools.
  • Updates the Icon component to include varisnts for "sunFull" and "moonCrescent".
  • Updates Breadcrumbs default design token to support apps using both newer and older DS versions.

v1.7.2

31 Aug 16:41
43f2a0c
Compare
Choose a tag to compare

Adds

  • Adds the "actionIdentity", "actionIdentityFilled", "actionSearch", "mapsPlace", "socialSpotify", and "socialVimeo" options to the Icon component.

Updates

  • Updates List styling so the bottom border on description lists matches other borders.
  • Updates type IconRotationTypes to IconRotations.IconRotationTypes will still work for now, but is deprecated and will be removed in a later version.
  • Updates Modal component documentation.

v1.7.1

17 Aug 18:27
b2321af
Compare
Choose a tag to compare

Adds

  • Adds the "TikTok" option to the Icon component.
  • Adds the role prop to the Text component.
  • Adds the backdropBackgroundColor prop to the Hero component for the "campaign" heroType variant.

Updates

  • Updates the ARIA attributes for the overline and subtitle elements in the Heading component.
  • Updates the docs for the Text component and the Typography Style Guide to include more information about the Typography 2023 updates.

v1.7.0

20 Jul 17:49
fdaa195
Compare
Choose a tag to compare

Adds

  • Adds the screenreaderOnlyText prop to the Button and Link components.

Updates

  • Updates the existing heading typography styles to add new default styles options for native heading elements, including h1 thru h6.
  • Updates the existing heading typography styles to add new size options, including display1 and heading1 thru heading6.
  • Updates the existing text typography styles to add overline and subtitle options.
  • Updates the Heading component to include the new heading typography styles.
  • Updates the Text component to include the new text typography styles.
  • Updates the Typography docs to include the new options added to the heading and text typography styles.
  • Updates the Design Tokens docs to include the new tokens added to the heading and text typography styles.
  • Updates the Heading component to include overline and subtitle elements.
  • Updates the spacing gap between main content in the TemplateAppContainer component.
  • Updates the background color of the "clear" button in Dark Mode for the TextInput component. This also affects the SearchBar component when a clear button is present in the TextInput component.
  • Updates the spacing of the text in the HelperErrorText component.
  • Updates the ComponentWrapper component to conditionally render the HelperErrorText component.
  • Updates the version of the react-datepicker npm package.
  • Updates the right-to-left visual display for the Accordion component.