Skip to content

Releases: NYPL/nypl-design-system

v3.3.1

05 Sep 17:22
42cf748
Compare
Choose a tag to compare

Updates

  • Updates Tooltip component with placement and offset props for custom positioning.

Fixes

  • Fixes a duplicate id issue in the Image component. This happened when an aspect ratio value rendered a wrapper div with the same id as the img element. This was not picked up by internal accessibility tests but in a consuming application.

v3.3.0

29 Aug 18:31
5e66de2
Compare
Choose a tag to compare

Adds

  • Adds development guide for Conditional Viewport
  • Adds the FilterBarPopup compoonent and useFilterBarPopup hook.

Updates

  • Updates the FilterBarInline component to apply closeOnBlur to MultiSelect components when layout="row".
  • Updates the Breadcrumbs component props to include customLinkComponent and linkProps.
  • Updates the Banner component to allow for HTML content in the content prop when passed as a string.
  • Updates the SearchBar component styles for mobile viewports.
  • Updates the Select component to accept a defaultValue prop to set initial value of uncontrolled components.
  • Updates the legend in the MultiSelect's CheckboxGroup to use the buttonText prop value for better accessibility context.
  • Updates the Menu component to add the showSelectionAsLabel prop and improve the aria-label values.
  • Updates the Image component to default the alt attribute to an empty string if no value is passed.

Removes

  • Removes imageProps.alt missing warning message from FeaturedContent as the prop is not always required.

v3.2.0

25 Jul 19:57
5689182
Compare
Choose a tag to compare

Adds

  • Adds the FilterBarInline component.
  • Adds refined NewsletterSignup component with updated props.
  • Adds refined SocialMediaLinks component with updated props.

Updates

  • Updates Storybook and related npm packages to version 8.1.11. Does not affect any DS component.
  • Updates the Banner, Button, ButtonGroup, DatePicker, FeaturedContent, FeedbackBox, Fieldset, HelperErrorText, Label, SkipNavigation, and StyledList components to export all types and prop interfaces.

v3.1.7

03 Jul 18:26
374a08f
Compare
Choose a tag to compare

Adds

  • Adds Storybook interaction tests for the CheckboxGroup, DatePicker, FeedbackBox, and Slider components.
  • Adds digitalCollections color variant to the Breadcrumbs component.
  • Adds closeOnBlur prop to the MultiSelect component which, when set to true, closes the component if it loses focus.

Updates

  • Updates base font stack to only system-ui and sans-serif.
  • Updates the Accordion component to close panel when element within panel is focused and "esc" key is pressed.

v3.1.6

20 Jun 20:29
0ab9cfc
Compare
Choose a tag to compare

Adds

  • Adds Storybook interaction tests for the SearchBar component.
  • Adds Storybook interaction tests for the Select component.
  • Adds Storybook interaction tests for the Radiogroup component.

Updates

  • Updates how links are styled within the Heading component.

Fixes

  • Fixes broken Github Action for release tags.

v3.1.5

06 Jun 16:26
45440ca
Compare
Choose a tag to compare

Adds

  • Adds the following npm packages: jest-transformer-svg, @storybook/addon-designs, and @storybook/test.

Updates

  • Updates the following packages:
    • Storybook main package and related libraries to 8.0.8.
    • remark-gfm to 4.0.0.
    • vite to 5.2.8, @vitejs/plugin-react to 4.2.1, and vite-plugin-svgr to 4.2.0.
  • Updates how SVGs are imported into LogoSvgs.tsx and IconSvgs.tsx.
  • Updates Storybook internal link and heading styles and enables the hash heading URL linking.

Removals

  • Removes the following packages: downshift, tough-cookie, @storybook/testing-library, storybook-addon-designs, and @svgr/webpack.

v3.1.4

06 Jun 16:24
Compare
Choose a tag to compare

Adds

  • Adds showRowDividers prop to show/hide row dividers for the List "dl" variant.

Updates

  • Exports useMediaQuery and chakra from Chakra UI.
  • Updates Accordion to close focused panel when "esc" key is pressed.
  • Updates the TextInput and SearchBar components to better associate the input element to the entire component's helper text.

Fixes

  • Fixes the z-index issue in the MultiSelect component's selected item button.
  • Fixes the Checkbox positioning so it is visible when it is focused in a scrollable container.
  • Fixes a Breadcrumbs snapshot test that was duplicated and now has the appropriate "locations" variant.

v3.1.3

15 May 17:02
f5711db
Compare
Choose a tag to compare

Adds

  • Adds new type prop to the Modal component with "default" and "confirmation" variants.

Fixes

  • Fixes the desktop styling flicker in the ButtonGroup component.

v3.1.1

25 Apr 21:57
f5711db
Compare
Choose a tag to compare

Adds

  • Adds docs for "Visited State Patterns" to the Link component story page.
  • Adds the ui.warning.tertiary color token in order to have a light mode "warning" color option that meets the WCAG 2.1 AA color contrast standard.
  • Adds fallbackSrc and onError props to the Image component.
  • Adds the fallbackSrc and onError properties to the imageProps prop for the Hero component.
  • Adds the isDarkText prop to the Hero component.

Updates

  • Updates the placeholder value for the search field within the MultiSelect component.
  • Updates the background colors for the "noBrand" variant of the Button component.
  • Updates the hex values for the ui.warning.primary and ui.warning.secondary color tokens.
  • Updates the Banner and StatusBadge components to use the ui.warning.tertiary color for bertter accessibility in the "warning" variant.
  • Updates the styles for the UI colors, text treatment and Clear all button in the TagSet component.
  • Updates the component category for the TagSet component to "Content Display".
  • Updates placeholder images on story pages and tests to use the getPlaceholderImage utility function which provides NYPL images.

Fixes

  • Adds workaround to Hero and FeaturedContent to fix Chakra bug that causes certain image URLs to not render through the background-image CSS property.

v3.1.2

15 May 17:01
Compare
Choose a tag to compare

Adds

  • Adds the id prop to the Hero, HorizontalRule, SkeletonLoader, TemplateAppContainer, and Text components.
  • Adds the id property to the imageProps prop object in the Card component.

Updates

  • Updates the Heading component to allow more HTML attributes as props.

Fixes

  • Fixes an issue with the Table component where it rendered the headings twice until the component loaded and applied the desktop styles. This was done by adding inline responsive styles and removing the use of the useWindowSize hook.