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 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