v2.27.0

General:

• Updated to Webpack 5. (#6329)
• Added global.font.variant to theme. (#6327)
• Added a11yTitle prop to Avatar. (#6353)
• Enhanced Notification to accept a node type for message prop. (#6320)
• Enhanced CheckBox to accept theme.checkBox.hover. (#6355)
• Enhanced DateInput to accept theme.dateInput.container.round to control rounding. (#6385)
• Fixed RadioButton to accept a custom theme icon. (#6263)
• Fixed Select bug when valueKey is not specified. (#6392)
• Fixed DataChart to not show detail for missing value. (#6404)

SelectMultiple:

• Fixed object comparison. (#6403)
• Fixed behavior when providing array of objects to options. (#6359)

List:

• Fixed layout when action and onOrder are defined. (#6350)
• Fixed onOrder dragging behavior bug. (#6386)

TypeScript:

• Fixed DataTable groupBy keys to optional. (#6400)

v2.26.0

General:

• NEW SelectMultiple component. (#6275)
• Added global.backgrounds to the theme allowing theme-defined backgrounds. (#6310)
• Added defaultValue prop to CheckBoxGroup. (#6331)
• Added pinned prop to List allowing list items to be pinned in place when reordering. (#6249)
• Fixed Heading text to wrap by default. (#6296)
• Fixed Notification theme’s default to have proper background. (#6336)

Select:

• Fixed Select to trigger validation when value is an array. (#6316)
• Fixed Select to allow initial value to be null. (#6324)

v2.25.3

• Moved TestCafe dependencies into devDependencies. (#3612)

v2.25.2

General:

• Added formField.checkBox.pad as a theme option to add pad to CheckBox when wrapped in FormField. (#6300)
• Added weight prop to Heading. (#6294)
• Added size to PageHeader. (#6279)
• Fixed Menu types and added menu.item prop for Menu theme. (#6241)
• Fixed Spinner to obtain the correct size on different screen sizes. (#6277)
• Fixed circle Meter angle calculation for larger values. (#6293)
• Enhanced Tab to be resilient to not be contained in Tabs. (#6274)

Button:

• Enhanced Button to allow the user to specify icon for kind in theme. (#6297)
• Fixed TypeScript theme type for Button. (#6298)

DataTable:

• Fixed TS error for border in DataTable. (#6253)
• Fixed DataTable sort when some attributes are null. (#6282)
• Fixed sort icon to update on re-render. (#6307)

Select:

• Fixed an issue when options are set to objects and no labelKey or valueKey is provided. (#6299)
• Fixed an issue where all the options were not being loaded when clear={true}. (#6285)

9/15 Note:
An issue with this release has been identified. Passing a null value to Select causes an error. In previous versions, passing a null value was accepted. A fix for this has been merged and will be available in the next release which is planned for next week (if needed sooner consider using the stable branch or an older version of Grommet).

v2.25.1

General:

• Added focus to the Video progress bar. (#6195)
• Fixed CheckBox aria-label to be directly on input. (#6215)
• Fixed Image onLoad. (#6217)
• Fixed Form validation for added/removed inputs. (#6227)
• Fixed FormField debounce function to not execute if the FormField is unmounted. (#6226)
• Fixed rendering of Tab header in a fixed height container. (#6239)
• Fixed Calendar and DateInput timezone/daylight savings bugs. (#6214)

Typescript:

• Added digital Clock type. (#6220)
• Added support for string to theme.focus.shadow. (#6234)
• Fixed TypeScript definition on Menu items. (#6237)
• Fixed TypeScript definition for Card. (#6203)

DataChart:

• Fixed detail pad. (#6206)
• Fixed support of negative values. (#6246)
• Removed IE11 specific support.(#6240)

FileInput:

• Fixed cursor behavior. (#6154)
• Fixed scroll behavior when pressing space. (#6194)

v2.25.0

General:

• Enhanced Menu items to allow for grouped items (#6162).
• Enhanced FileInput to include event.target.files in onRemove (#6136).
• Added reverse to DateInput to allow control of icon placement (#6160).
• Added accordion.hover.background to theme (#6177).
• Added new responsive behavior for Tabs (#6137).
• Added maxLines prop to Paragraph (#6207).
• Added info as status type on Notification (#6211).
• Improved DataChart rendering of swatches for detail and legend (#6173).
• Changed MaskedInput to restore to prior value when mask does not match (#6174).
• Changed Meter to handle floating point precision issues better (#6191).
• Fixed PageHeader typescript export (#6180).
• Fixed Button to allow as to accept elementType (#6172).
• Fixed incorrect row highlight behavior in DataTable (#6189).

v2.24.0

General:

• NEW PageHeader Component. #6071
• Enhanced TextInput accessibility by adding combobox and listbox ARIA roles. #6079
• Enhanced Anchor theme with anchor.gap. #6114
• Enhanced Video to support audio description track. #6080
• Fixed Notifications to pass additional properties. #6139
• Fixed Tip to respect onMouseEnter, onMouseLeave onFocus and onBlurfunctions from its child. #6101
• Fixed DataTable layout in Firefox to not set the table-layout to fixed by default. #6108
• Fixed Layer and Drop onClickOutside so that click location is properly registered in shadow DOM. #6120
• Fixed onChange type for FileInput. #6145

List:

• Added onActive. #6103
• Added disabled. #6111

Select:

• Fixed bug so search term persists after an option is selected when closeOnChange={false}. #6147
• Fixed keyboard navigation in Select with search. #6101

v2.23.0

General:

• Added support for React 18. (#6066)
• Dropped support for Node 12. (#6069)
• Added ability to pass in a11yTitle or aria-label for List. (#6048)
• Added ability to pass in a11yTitle in dropProps for Menu. (#6033)
• Added sticky prop to Header. (#6024)
• Fixed RTL support for CheckBox when toggle={true}. (#6074)
• Fixed as prop on Box to accept any React element. (#6038)

DataChart:

• Added offset gap. (#6041)
• Fixed an issue when there is only one datum. (#6082)

DataTable:

• Enhanced to allow both onClickRow and onSelect. (#6084)
• Added verticalAlign prop. (#6076)
• Added disabled prop. (#6070)
• Changed sortable icon to appear after the column units. (#6063)
• Fixed hover indicator to fill header cell. (#6086)

Select:

• Fixed clear button filling vertically on Firefox. (#6095)
• Fixed search to handle fast typing. (#6030)
• Fixed clear button to only show when Select has a value. (#6042)

Video:

• Enhanced to allow moving along Video timeline with keyboard. (#6035)
• Fixed captions to correctly display. (#6072)
• Fixed pause control to be disabled if Video is already paused or disable play if Video is already playing. (#6037)

v2.22.0

General:

• NEW! Page and PageContent components. (#5960)
• Fixed DataTable placeholder to be visible. (#5987)
• Fixed typescript typing for radioButton.check.color. (#6014)
• Fixed issue where a RangeInput within a FormField received double focus. (#6004)
• Changed Box to fix an issue with desired height using an object. (#5996)
• Changed Tip to not crash without children. (#5969)
• Changed Drop to add container inline. (#6034)
• Allow for TableCell to receive an array of objects as border prop. (#5774)
• Added restrictToOptions to mask object in MaskedInput to restrict continued invalid typing. (#5894)
• Improved how Calendar handles daylight savings time. (#5997)
• Improved Select accessibility by allowing keyboard access to clear button. (#5972)
• Improved Menu accessibility through defining ARIA roles and attributes. (#5982)

DateInput:

• Changed DateInput to prevent it from scrolling down the page when opening with space. (#6022)
• Improved logic for when to normalize the date in DateInput. (#5942)

Select:

• Fixed name prop in Select component when using valueLabel. (#6031)
• Enhanced valueLabel in Select to accept a function. (#6020)
• Fixed display of selected option when labelKey is a function. (#6020)

Notification:

• Changed Notification to include event in onClose. (#5975)
• Enhanced Notification to support onClick, href, truncation, and directional layout of title/message. (#5958)
• Added global prop. (#5958)
• Fixed position of toast Notification when viewed on a small screen. (#6008)

DataChart:

• Changed DataChart to add placeholder prop. (#5977)
• Changed DataChart to insure guide for the y-dimension encompasses thickness. (#5980)
• Changed DataChart to align placeholder styling with DataTable. (#5981)

v2.21.0

General:

• Added itemKey prop to List to allow users to specify a key for list items. (#5872)
• Added size prop to Tag. (#5914)
• Added the ability to change the gap between an icon and label in a Button through button.gap in the theme. (#5906)
• Fixed TextInput jumping scroll behavior. (#5927)
• Fixed Markdown options.wrapper so it is not overridden as a Fragment. (#5946)
• Enhanced RangeInput to handle an undefined value. (#5931)
• Enabled onClick prop in Tab. (#5937)
• Added arrow key functionality to Menu. (#5944)

DataChart:

• Added ‘lines’ option to chart.type. (#5953)
• Added ‘areas’ option to chart.type. (#5932)
• Added offset prop. (#5941)
• Fixed an issue when using areas and passing chart props per property. (#5951)
• Fixed an issue with x-axis alignment. (#5959)
• Enhanced DataChart to be more resilient to an empty property array. (#5957)

DateInput:

• Added icon prop. (#5911)
• Fixed an issue with setting the icon through inputProps. (#5911)

Notification:

• Enhanced toast prop to allow a position object to be passed in. (#5926)
• Enhanced toast prop to allow setting autoClose. (#5730)

Select:

• Fixed screenreader behavior to read out correct number of options. (#5924)
• Improved the screenreader and keyboard navigation experience. (#5934)