grommet v2.15.0 Release Notes
Release Date: 2020-08-20 // over 3 years ago-
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 accessinfos
anderrors
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 orpad
prop.overflow="hidden"
will no longer be passed in but can be added incontentProps
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
andyAxis
- โ 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 inputonChange
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
- โ Added