grommet 2.22.0

v2.22.0

on Node.js Yarn

General:

• NEW! Page and PageContent components. (#5960)
• Fixed DataTable placeholder to be visible. (#5987)
• Fixed typescript typing for radioButton.check.color. (#6014)
• Fixed issue where a RangeInput within a FormField received double focus. (#6004)
• Changed Box to fix an issue with desired height using an object. (#5996)
• Changed Tip to not crash without children. (#5969)
• Changed Drop to add container inline. (#6034)
• Allow for TableCell to receive an array of objects as border prop. (#5774)
• Added restrictToOptions to mask object in MaskedInput to restrict continued invalid typing. (#5894)
• Improved how Calendar handles daylight savings time. (#5997)
• Improved Select accessibility by allowing keyboard access to clear button. (#5972)
• Improved Menu accessibility through defining ARIA roles and attributes. (#5982)

DateInput:

• Changed DateInput to prevent it from scrolling down the page when opening with space. (#6022)
• Improved logic for when to normalize the date in DateInput. (#5942)

Select:

• Fixed name prop in Select component when using valueLabel. (#6031)
• Enhanced valueLabel in Select to accept a function. (#6020)
• Fixed display of selected option when labelKey is a function. (#6020)

Notification:

• Changed Notification to include event in onClose. (#5975)
• Enhanced Notification to support onClick, href, truncation, and directional layout of title/message. (#5958)
• Fixed position of toast Notification when viewed on a small screen. (#6008)

DataChart:

• Changed DataChart to add placeholder prop. (#5977)
• Changed DataChart to insure guide for the y-dimension encompasses thickness. (#5980)
• Changed DataChart to align placeholder styling with DataTable. (#5981)