Releases: NYPL/nypl-design-system
Releases · NYPL/nypl-design-system
v2.1.3
Adds
- Adds the
hasVisitedStyles
prop toLink
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 theImage
component. - Adds the
isDarkBackgroundImage
prop to theHero
component.
Updates
- Removes
disabled
variant fromLink
theme file, as it isn't being used. - Updates the
font-weight
to"regular"
for thesubtitle1
andsubtitle2
text styles. - Updates the
"digitalCollectionsBlack"
variant of theLogo
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 acceptJSX.Element
type values into its"notificationHeading"
prop. - Updates the
StructuredContent
component to acceptJSX.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 theHero
component to improve the spacing around the component. - Updates the
Card
component so that it accepts theimageProps.isLazy
prop and passes it to its internalImage
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
Adds
- Adds the
sizeBasedOn
prop to theLogo
component. - Added the
autoComplete
prop to theTextInput
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 theHero
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'snewsletterSignupType
prop to render proper dark mode variant colors.
v2.1.1
Adds
- Adds a changelog to the story pages for the
Heading
component.
Updates
- Updates the
Heading
component to set thearia-roledescription
value as"subtitle"
(a more familiar and recognizable value) for theoverline
element. - Updates the
FeedbackBox
andNewsletterSignup
components to set thetabindex
on the internal elements to"-1"
. - Updates
DatePicker
'sTextInput
to always have anaria-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 theHero
component.
v2.1.0
Adds
- Adds the
ComponentChangelogTable
component. - Adds a changelog to the story pages for the
DatePicker
,FeedbackBox
,Hero
,Slider
, andTextInput
components. - Adds the
FeaturedContent
component. - Adds the
NewsletterSignup
component.
Updates
- Temporarily renaming
FilterBar
,MultiSelect
,MultiSelectGroup
,useMultiSelect
, anduseFilterBar
Storybook page files so they don't show up in the Storybook sidebar. - Updates the
Slider
component to use appropriatearia-label
values for the slider thumbs and text input fields. - Updates
TextInput
so it no longer incorrectly overwrites thearia-describedby
value to undefined when part of theDatePicker
component. - Updates
DatePicker
so that focus remains on input after value is changed. - Updates the
FeedbackBox
component to remove the underline on the component'sPrivacy Policy
link. - Updates
DatePicker
to pass aadditionalHelperTextIds
to itsTextInput
if needed so that thearia-describedby
value can be associated with all relevanthelperText
s.
Fixes
- Fixes an issue with
backgroundColor
andforegroundColor
props not prioritizing the passed design token values for theHero
component.
v2.0.1
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
Breaking Changes
- This update introduces a number of visual breaking changes related to typography styles.
- Removes the
FilterBar
andMultiSelect
components. - Removes the
useFilterBar
anduseMultiSelect
hooks.
Adds
- Adds the
isUnderlined
prop to theLink
component. - Adds the
"standalone"
variant to theLink
component. - Adds
NYPL Patterns
to theLinks 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"
varianthover
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
, andSkipNavigation
components to implement theTypo2023
link patterns.
v1.7.3
Updates
- Updates the
Logo
component to include variants forNYC 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
Adds
- Adds the
"actionIdentity"
,"actionIdentityFilled"
,"actionSearch"
,"mapsPlace"
,"socialSpotify"
, and"socialVimeo"
options to theIcon
component.
Updates
- Updates
List
styling so the bottom border on description lists matches other borders. - Updates type
IconRotationTypes
toIconRotations
.IconRotationTypes
will still work for now, but is deprecated and will be removed in a later version. - Updates
Modal
component documentation.
v1.7.1
Adds
- Adds the
"TikTok"
option to theIcon
component. - Adds the
role
prop to theText
component. - Adds the
backdropBackgroundColor
prop to theHero
component for the"campaign"
heroType
variant.
Updates
- Updates the ARIA attributes for the
overline
andsubtitle
elements in theHeading
component. - Updates the docs for the
Text
component and theTypography Style Guide
to include more information about theTypography 2023
updates.
v1.7.0
Adds
- Adds the
screenreaderOnlyText
prop to theButton
andLink
components.
Updates
- Updates the existing
heading
typography styles to add new default styles options for native heading elements, includingh1
thruh6
. - Updates the existing
heading
typography styles to add new size options, includingdisplay1
andheading1
thruheading6
. - Updates the existing
text
typography styles to addoverline
andsubtitle
options. - Updates the
Heading
component to include the newheading
typography styles. - Updates the
Text
component to include the newtext
typography styles. - Updates the
Typography
docs to include the new options added to theheading
andtext
typography styles. - Updates the
Design Tokens
docs to include the new tokens added to theheading
andtext
typography styles. - Updates the
Heading
component to includeoverline
andsubtitle
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 theSearchBar
component when a clear button is present in theTextInput
component. - Updates the spacing of the text in the
HelperErrorText
component. - Updates the
ComponentWrapper
component to conditionally render theHelperErrorText
component. - Updates the version of the
react-datepicker
npm package. - Updates the right-to-left visual display for the
Accordion
component.