grommet 2.15.0

v2.15.0

on Node.js Yarn

General:

• NEW Card component

• NEW DateInput component

• Updated Box to allow opacity to impact background image

• Fixed bug with Select where onOpen was being called twice

• Added a default mask to MaskedInput

• Changed ResponsiveContext to address breakpoint issue

• Added option to Menu to allow different icons for open and close

• Updated Text, Grid, and Heading to accept React ref prop

• Added new prop trapFocus to Drop and DropButton

• Added theming for RadioButtonGroup container under radioButtonGroup.container

Accessibility:

• Added a11yTitle support to TextArea
• Added messages prop to Video to support accessibility standards
• Improved List focus behavior with keyboard to align with WCAG accessibility guidelines
• Improved SkiplLinks component

SkipLinks:

• Allows SkipLinks layer to open with a keyboard tab
• Allows users to skip SkipLinks layer and tab to header
• Allows users to edit SkipLinks messages
• Allows cyclic navigation of page with keyboard
• Enables access to rest of interactive elements when the SkipLinks layer is shown
• Changed DOM behavior to prepend Layer to DOM so tabIndex order will behave correctly

Form:

• Added onValidate, allows users to access infos and errors when a form validates
• contentProps prop added to FromField which allows props to be set directly on content Box. When present, overrides props from theme or pad prop. overflow="hidden" will no longer be passed in but can be added in contentProps

InfiniteScroll:

• Fixed show prop behavior
• Fixed InfiniteScroll duplicate key

RadioButton:

• Added background.color option in RadioButton theme
• Added ability to set the font-weight of the label from the theme

Chart:

• Updated Chart to add per-value color and thickness for bar and point types
• Changed Chart to add point types
• Added animate prop to Chart

DataChart:

• Added a series prop that encapsulates things previously in chart, xAxis and yAxis
• Added axis prop to replace xAxis and yAxis
• Added guide prop to replace the guide from xAxis and yAxis
• Added detail prop to provide hover interaction details for horizontal bands
• Added granularity concept for axis and guide
• New legend prop provides a legend

Theming:

• Allowed users to specify FormField margin via theme
• Allowed for disabled tab state to be styled via theme
• Fixed plain Buttons active styling for themes that define button.default

TypeScript:

• Updated RangeInput onChange to use intrinsic HTML input onChange type
• Fixed Clock onChange to accept a string as an argument
• Improved Form onSubmit handling of value key of form event
• Added type definitions for day in Calendar
• Defined missing action prop type
• Fixed Calendar onSelect type