v2.20.1

• Fixed double focus on FormField with Select and search. (#5895)
• Fixed DateInput bug with yyyy/mm/dd format. (#5893)
• Fixed Button icon alignment. (#5892 and #5885)
• Fixed TextInput suggestions styling. (#5880)
• Added Form validation onMount for controlled input forms. (#5881)

v2.20.0

General:

• NEW Tag component. (#5778)
• Enhanced Form to support an array of field values. (#5630)
• Enhanced Carousel to have a smooth transition. (#5839)
• Enhanced Video to be able to customize controls. (#5658)
• Enhanced DateInput to open when Calendar icon is clicked. (#5838)
• Fixed Anchor’s as prop type. (#5823)
• Fixed Select to clear search content when drop closes. (#5866)
• Fixed Text to show Tip when truncated and observe resize. (#5855)
• Fixed Button icon alignment while using a small icon size. (#5856)
• Fixed TextInput suggestions closing incorrectly. (#5860)
• Fixed Clock to handle when the hour is not given. (#5850)

Calendar:

• Enhanced Calendar to handle changes with time zones. (#5837)
• Enhanced Calendar accessibility for screen readers. (#5849)
• Fixed Typescript definition for Calendar messages prop. (#5836)

v2.19.1

• Fixed DataTable onSelect bug.

v2.19.0

General:

• NEW NameValueList component. (#5626)
• Enhanced DataTable lazy loading with onUpdate. (#5716)
• Enhanced Text to accept dropProps when truncate=”tip”. (#5637)
• Enhanced WorldMap to improve placement of places. (#5712)
• Added value types on Anchor weight propTypes. (#5484)
• Added theme.card.hover.container.elevation to Card. (#5736)
• Added a11yTitle Typescript support on MaskedInput. (#5751)
• Fixed Calendar hover behavior and active day styling. (#5784)
• Fixed Carousel transition bug. (#5678)
• Fixed Pagination to account for changing data. (#5683)
• Fixed Spinner to allow color prop to override theme. (#5631)
• Fixed Video volumeDown Typescript definition. (#5760)
• Fixed InfiniteScroll last page calculation. (#5806)

Button:

• Added hasLabel and hasIcon prop to Button. (#5628)
• Fixed TypeScript support for Button. (#5651)

CheckBox:

• Fixed theme.checkBox.label.align to apply only when label is string. (#5800)
• Fixed focus state to not apply when disabled. (#5658)

DateInput:

• Enhanced behavior to align with native HTML. (#5667)
• Added size to TypeScript definitions. (#5687)
• Added checks for leap year. (#5717)
• Fixed value bug. (#5632)

FileInput:

• Added confirmRemove prop. (#5711)
• Fixed maxSize conversion factor. (#5775)

FormField:

• Added option to remove required indicator for individual FormField. (#5713)
• Fixed theme styling on required indicator. (#5709)

RangeInput:

• Added theme.rangeInput.pad. (#5666)
• Added disabled prop. (#5660)
• Enhanced RangeInput to be controlled by mouse wheel. (#5693)

v2.18.0

General:

• NEW Notification component. (#5450)
• Added gap prop to Anchor. (#5541)
• Added defaultItemProps prop to List to allow styling of list item layouts. (#5573)
• Added color prop to RangeInput allowing track color to be specified. (#5275)
• Changed zIndex for RangeSelector’s edge controls. (#5564)
• Enhanced weight values supported by Text. (#5606)
• Fixed InfiniteScroll bug related to passing an empty array when using onMore callback. (#5636)
• Fixed missing TypeScript type for Grid. (#5561)
• Fixed RadioButton theme radioButton.check.background.color to accept symbolic colors. (#5621)
• Fixed Table TableCell rowSpan so that it is applied to the proper DOM element. (#5489)
• Fixed TextInput placeholder value not clearing when value is a JSX.Element. (#5571)

Button:

• Added justify prop to Button. (#5591)
• Fixed missing TypeScript type rel on Button. (#5582)

Calendar:

• Fixed Calendar to properly announce selected dates and date ranges and to screen readers. (#5575)
• Fixed Calendar keyboard behavior to properly keep active date in view when using arrow keys. (#5588)

Carousel:

• Fixed Carousel keyboard accessibility by limiting focus to only visible children. (#5552)
• Fixed Carousel animation direction when set to autoplay. (#5603)

DateInput:

• Added messages prop to DateInput to allow for accessibility announcements to be read by screen readers. (#5471)
• Enhanced DateInput keyboard behavior to align with native HTML input. (#5550)
• Fixed missing TypeScript type className on DateInput. (#5561)

DataTable:

• Fixed missing defaultProps on DataTable. (#5572)
• Fixed DataTable footer to allow rendering of a custom node. (#5563)
• Fixed DataTable to properly pin the checkbox column when using onSelect. (#5547)

FileInput:

• Added maxSize prop to FileInput to limit allowed file size. (#5457)
• Enhanced FileInput to limit the allowed number of files to be uploaded. (#5218)

Markdown:

• Enhanced Markdown to support refs. (#5587)
• Fixed unintentional line break when italics were used in Markdown. (#5581)
• Fixed Markdown to properly support onClick. (#5614)

Meter:

• Fixed Meter size=”full” bug. (#5597)
• Fixed missing TypeScript semicircle type on Meter. (#5601)

Select:

• Fixed missing support for onBlur and onFocus on Select. (#5590)
• Fixed missing TypeScript type className on Select. (#5561)

v2.17.5

General:

• Component documentation has moved to Grommet-Site. All doc.js files have been deprecated. Documentation pull requests can now be submitted to the Grommet-Site repository. #5513
• Enhanced CheckBox to accept children. #5460
• Enhanced CheckBoxGroup to accept children. #5460
• Enhanced Meter to accept type=”semicircle”. #5463
• Enhanced Select emptySearchMessage to accept JSX elements. #5525
• Fixed missing TypeScript type for Button kind. #5529
• Fixed missing TypeScript type for Markdown options. #5534
• Fixed Form validation to exclude disabled inputs from validation results. #5530
• Fixed Menu to exclude extraneous Button when drop direction is flipped vertically. #5497

Accessibility:

• Fixed Calendar accessibility issue by properly traversing cells with populated dates. #5474
• Fixed Carousel accessibility issue by clearly labeling the currently displayed slide. #5254
• Fixed RangeInput accessibility issue by properly placing focus on the input’s thumb control. #5254
• Fixed RangeSelector accessibility issue by properly specifying role=”slider”. #5533

DateInput:

• Fixed ability to reset DateInput value with ” ” or [ ]. #5517
• Fixed situation where DateInput calendar would not open properly. #5491

Layer:

• Fixed missing extend for ThemeType layer.container.extend. #5520
• Fixed bug where Layer could not be used outside of Grommet block.. #5524

v2.17.4

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

v2.17.3

General:

• Specified Node engine >=12 in preparation for future project enhancements.
• Added textAlign prop to MaskedInput.
• Enhanced Carousel so that it may be implemented as a controlled component.
• Enhanced DateInput to create smarter masks for MaskedInput.
• Enhanced Calendar date to accept an array of dates.
• Enhanced Chart opacity to support boolean value.
• Enhanced List to add onOrder allowing for list items to be re-ordered.
• Enhanced DataTable to support pinning multiple columns.
• Fixed AccordionPanel icon position when label contains truncated text.
• Fixed bug in Collapsible where content would not render smoothly.
• Fixed Layer component animation bug when at mobile width.
• Fixed Pagination to update active page when page prop changes.
• Fixed RangeSelector to respond to mobile touch gestures.
• Fixed SkipLinks to support having just a single SkipLink.

Accessibility:

• Added role=”radiogroup” to RadioButtonGroup and role=”group” to CheckBoxGroup to improve screen reader interaction.
• Fixed RadioButtonGroup keyboard interaction to align with WCAG standards.
• Fixed focus behavior on Button-reliant components so focus outline only appears in response to keyboard interaction.

CheckBox:

• Fixed theme property for CheckBox’s toggle color.
• Fixed CheckBox/CheckBoxGroup duplicate focus styling when contained within a FormField.

Grid:

• Added height and width to allow easier control of Grid dimensions.
• Enhanced Grid’s columns capabilities to support a wider range of min-max width values.

Grommet:

• Added options prop to Grommet to provide a way to assign a unique id to a single DOM node.
• Enhanced Grommet to support full=”min”.

Meter:

• Added type=”pie”.
• Added direction to allow Meter of type bar to display in either horizontal or vertical direction.

Select:

• Enhanced Select event handling to support Preact.
• Fixed issue where change event not called when valueLabel is used.
• Fixed issue where a11yTitle was not being applied.
• Fixed scroll behavior of Select’s drop options when using the keyboard.

v2.17.2

General:

• Enhanced Drop to account for align when assigning margin.
• Fixed Layer elevation styling, should not apply when plain.
• Fixed Box to always render ThemeContext.Provider.
• Fixed Typescript definition for CheckBoxGroup options.
• Fixed server side rendering warnings.
• Fixed bug with Select when JSX is passed to options.
• Changed RadioButtonGroup to add defaultValue.
• Changed Form to run validations when component mounts.

Button:

• Allowed use of aria-label prop on Button.
• Changed Button to use tip string for a11yTitle default value unless otherwise provided.

CheckBox:

• Enhanced CheckBox theming to allow checkBox.pad and added pad prop.
• Added new fill prop to CheckBox.
• Changed React events to apply on Checkbox container level.

DataTable:

• Enhanced DataTable to support use of groupBy and onSelect/select together.
• Enhanced DataTable columns to allow for plain render of column data.
• Improved DataTable rendering of CheckBox with onSelect to accommodate pad on CheckBox.
• Fixed error that occurred when paginate was used with onClickRow on DataTable.
• Fixed Typescript for paginate on DataTable.

DateInput:

• Fixed bug in DateInput to allow value to be initialized as [], which allows range of dates to start empty.
• Changed DateInput to allow for a leading zero and a 2 digit year in the display format.

v2.17.1

• Fixed issue where Layer was not animating on exit.
• Fixed InfiniteScroll functionality when the length of the data changes.
• Added additional Typescript extended props interfaces to Box, Button, Calendar, DataTable, Drop, Grid, Grommet, Spinner, and
  MaskedInput.
• Fixed Anchor props that are leaking to Dom when using styled-components.