grommet 2.17.4

v2.17.4

on Node.js Yarn

General:

• Added animation prop to Diagram. #5267
• Added onChange to FileInput. #5028
• Added support for textAlign=“justify” to Heading. #5374
• Added selected styling to custom child in Select. #5296
• Enhanced support for aria-label in all components where a11yTitle is accepted. #5444
• Enhanced Grid align and alignContent to support any valid CSS align-items and align-content strings. #5037
• Enhanced MaskedInput size to accept additional t-shirt sizes. #5405
• Enhanced TextArea size to accept additional t-shirt sizes. #5405
• Enhanced TextInput size to accept additional t-shirt sizes. #5405
• Fixed styling for Button hover state. #5314
• Fixed initial image displayed in Carousel. #5326
• Fixed DataChart detail display when rendering large data sets. #5331
• Fixed values retained in uncontrolled Form when inputs are dynamically removed. #5414
• Fixed active style for List so that the style is retained when a user is interacting with other components on the page. #5371
• Fixed RadioButtonGroup to properly pass focus state to children. #5473
• Fixed TableCell rendering performance when theme background is changed. #5407
• Fixed theme to accept custom pixel values when specifying input font sizes. #5399

Box:

• Enhanced align and alignContent to support any valid CSS align-items and align-content strings. #5037
• Fixed Box rendering performance when theme background is changed. #5407

Calendar:

• Enhanced Calendar accessibility by announcing the selected date upon selection. #5458
• Fixed Calendar accessibility to properly read only the active date as a user tabs through calendar dates. #5319
• Fixed Enter key behavior for Calendar. #5367

DataTable:

• Enhanced DataTable to apply case-insensitive sorting. #5307
• Enhanced DataTable groupBy to leverage InfiniteScroll. #5452
• Fixed DataTable cell styling to better support custom styling of grouped rows. #5355
• Fixed active style for DataTable so that the style is retained when a user is interacting with other components on the page. #5371

DateInput:

• Added size prop to DateInput. #5405
• Fixed DateInput to set value properly when implemented as a controlled component. #5330

FormField:

• Fixed FormField theme property to use error.border.color. #5252
• Fixed FormField validation when supplied an empty array as value. #5349

Grommet:

• Added global messages prop to Grommet. #5356
• Added ability to pass dynamic values to messages. #5468

Paragraph:

• Added support for textAlign=“justify” to Paragraph. #5374
• Fixed ability of size to accept a custom pixel value. #5465

Text:

• Added tip and smart aria-label default to Text. #5138
• Added truncate=“tip” to display the entirety of truncated text within a Tip.
• Added support for textAlign=“justify” to Text. #5374