Releases: NYPL/nypl-design-system
Releases · NYPL/nypl-design-system
v3.3.1
Updates
- Updates
Tooltip
component withplacement
andoffset
props for custom positioning.
Fixes
- Fixes a duplicate
id
issue in theImage
component. This happened when an aspect ratio value rendered a wrapper div with the sameid
as theimg
element. This was not picked up by internal accessibility tests but in a consuming application.
v3.3.0
Adds
- Adds development guide for Conditional Viewport
- Adds the
FilterBarPopup
compoonent anduseFilterBarPopup
hook.
Updates
- Updates the
FilterBarInline
component to applycloseOnBlur
toMultiSelect
components whenlayout="row"
. - Updates the
Breadcrumbs
component props to includecustomLinkComponent
andlinkProps
. - Updates the
Banner
component to allow for HTML content in thecontent
prop when passed as a string. - Updates the
SearchBar
component styles for mobile viewports. - Updates the
Select
component to accept adefaultValue
prop to set initial value of uncontrolled components. - Updates the legend in the
MultiSelect
'sCheckboxGroup
to use thebuttonText
prop value for better accessibility context. - Updates the
Menu
component to add theshowSelectionAsLabel
prop and improve thearia-label
values. - Updates the
Image
component to default thealt
attribute to an empty string if no value is passed.
Removes
- Removes
imageProps.alt
missing warning message fromFeaturedContent
as the prop is not always required.
v3.2.0
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
, andStyledList
components to export all types and prop interfaces.
v3.1.7
Adds
- Adds Storybook interaction tests for the
CheckboxGroup
,DatePicker
,FeedbackBox
, andSlider
components. - Adds
digitalCollections
color variant to theBreadcrumbs
component. - Adds
closeOnBlur
prop to theMultiSelect
component which, when set to true, closes the component if it loses focus.
Updates
- Updates base font stack to only
system-ui
andsans-serif
. - Updates the
Accordion
component to close panel when element within panel is focused and "esc" key is pressed.
v3.1.6
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
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
to4.0.0
.vite
to5.2.8
,@vitejs/plugin-react
to4.2.1
, andvite-plugin-svgr
to4.2.0
.
- Storybook main package and related libraries to
- Updates how SVGs are imported into
LogoSvgs.tsx
andIconSvgs.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
Adds
- Adds
showRowDividers
prop to show/hide row dividers for theList
"dl"
variant.
Updates
- Exports
useMediaQuery
andchakra
from Chakra UI. - Updates
Accordion
to close focused panel when "esc" key is pressed. - Updates the
TextInput
andSearchBar
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
Adds
- Adds new
type
prop to theModal
component with"default"
and"confirmation"
variants.
Fixes
- Fixes the desktop styling flicker in the
ButtonGroup
component.
v3.1.1
Adds
- Adds docs for
"Visited State Patterns"
to theLink
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
andonError
props to theImage
component. - Adds the
fallbackSrc
andonError
properties to theimageProps
prop for theHero
component. - Adds the
isDarkText
prop to theHero
component.
Updates
- Updates the placeholder value for the search field within the
MultiSelect
component. - Updates the background colors for the
"noBrand"
variant of theButton
component. - Updates the hex values for the
ui.warning.primary
andui.warning.secondary
color tokens. - Updates the
Banner
andStatusBadge
components to use theui.warning.tertiary
color for bertter accessibility in the"warning"
variant. - Updates the styles for the UI colors, text treatment and
Clear all
button in theTagSet
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
andFeaturedContent
to fix Chakra bug that causes certain image URLs to not render through thebackground-image
CSS property.
v3.1.2
Adds
- Adds the
id
prop to theHero
,HorizontalRule
,SkeletonLoader
,TemplateAppContainer
, andText
components. - Adds the
id
property to theimageProps
prop object in theCard
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 theuseWindowSize
hook.