v2.37.0

General:

• NEW ToggleGroup component. (#7172)
• Added pinned to DataTableColumns options to allow pinning of specific columns in “Order columns”. (#7193)
• Enhanced List pinned to accept object containing icon, background, color, and items. (#7213)
• Added extend to Skeleton theme. (#7176)
• Fixed FormField error when child is null. (#7181)
• Fixed Regex for autofocusing tags. (#7174)
• Fixed List TypeScript types. (#7164)
• Fixed Box round not respecting responsive={false}. (#7187)
• Fixed select all behavior across Data views. (#7200)
• Fixed DataSearch to ensure search event returns to page 1 of matched search results. (#7208)
• Fixed Pagination step to allow it to be controlled. (#7188)

v2.36.1

General:

• Fixed bug with vertical padding on readOnlyCopy button in DateInput and TextInput. (#7168)
• Fixed bug where summary on Pagination was out of sync with active page. (#7169)

v2.36.0

General:

• Added rangeInput.wheel to theme to allow for opting out of the scroll wheel behavior on RangeInput. (#7130)
• Added summary and stepOptions to Pagination. (#7133)
• Enhanced validate prop in FormField to allow easier implementation of a character counter by passing an object with max and threshold to the validate prop (#6550)
• Enhanced Box gap to accept an object with row and column. (#7147)
• Enhanced TextInput and DateInput to allow for readOnly styling through the theme property global.input.readOnly. (#7123)
• Added a readOnlyCopy boolean prop to TextInput and DateInput to support a copy to clipboard button within a readOnly input. (#7123)
• Fixed Form submit validation to run when submit is fired directly on an input. (#7148)
• Fixed an issue where Anchor with an icon contains extra space. (#6534)
• Fixed dropHeight of SelectMultiple in DataFilter. (#7157)

List:

• Added list.primaryKey to theme to enable primaryKey styling. (#7136)
• Enhanced to prevent scrolling when interacting with onOrder button via keyboard. (#7144)
• Enhanced keyboard accessibility when using onOrder. (#7140)

v2.35.0

NEW Data components for turn-key implementations of complex filtering, searching, and sorting of data collections.

The following components have now been move out of “beta” and are available for production use:

• Data
• DataClearFilters
• DataFilter
• DataFilters
• DataSearch
• DataSort
• DataSummary
• DataTableColumns
• DataTableGroupBy
• DataView
• Toolbar
• Cards

General:

• Added Typescript types for Tag component. (#7099)
• Fixed label leaking as attribute in Checkbox. (#7101)
• Fixed groupHeader theming properties for DataTable. (#6986)

SelectMultiple:

• Enhanced to enable more options to be added via onSearch. (#7079)
• Added configurable i18n support. (#7009)

StarRating:

• Fixed the Typescript issue where not all RadioButtonGroup props were supported. (#7073)
• Fixed issue where value was not synced with Form. (#7077)

v2.34.2

General:

• Fixed Typescript type for Box onClick prop. (#7018)
• Fixed Select focus when using search in Select. (#6901)
• Fixed NameValueList to account for theme-defined breakpoints. (#7047)

Beta:

• Added NEW DataClearFilters component. (#7025)
• Added default aria-label for DataFilter inputs. (#7038)
• Enhanced Data to include screen reader announcements when data changes. (#7010)
• Enhanced DataFilter range to allow users to specify step. (#6942)
• Enhanced DataSummary message to better support plural and singular grammar. (#7022)
• Enhanced DataFilter range to be inclusive of bounds. (#7026)
• Enhanced the DataFilter and RangeSelector to better handle floating point values. (#7033)
• Changed DataFilters default presentation to be layer when presented using Data toolbar prop to align with design best practices. (#7057)
• Fixed handling of multi-level property names that are used as RangeSelectors in filters. (#7049)
• Fixed DataSearch within a Layer to render with the correct form label. (#7053)
• Fixed RangeSelector to render with no errors when used in a controlled form. (#7045)
• Updated DataTableColumns prop types and typescript types. (#7028)

v2.34.1

• Fixed keyboard focus issue on RadioButtonGroup. (#7011)
• Fixed Form submission bubbling issue when a portal containing a Form is the child of another Form. (#7005)

v2.35.0-alpha.1

This is a pre-release

• Added support for styled components v6.

This release is compatible with both styled components v5 and v6. Please note that if you are upgrading to styled components v6 there are various changes to be aware of. Refer to the styled components migration guide: https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6.

One major difference in styled-components v6 is the removal of CSS vendor prefixes by default since most CSS styles have broad cross-browser support. If you are using styled-components v6 alongside this pre-release and run into any issues related to vendor prefixes, please file an issue so we can add the necessary vendor prefix to the appropriate Grommet component. Alternately, if you’d like to enable vendor prefixes for your project, you can do so following the steps provided in the styled components migration guide.

v2.34.0

General:

• Added radiobutton.check.background.color to RadioButton. (#5243)
• Added level prop to PageHeader. (#6952)
• Added tag.icon.remove to Tag to allow the remove icon to be provided from the theme. (#6960)
• Added allowSelectAll prop to DataTable to have the option to not have the select all CheckBox in the header cell. (#6843)
• Fixed DataFilter to show all filter options. (#6943)
• Fixed DropContainer position. (#6097)

Typescript:

• Fixed types for onChange RangeSelector. (#6970)
• Fixed types for Grommet messages. (#6956)
• Fixed types for Box onClick. (#6983)
• Fixed types for Chart onClick and onHover. (#6984)

v2.33.2

General:

• Fixed issue on Layer component when removing a Layer. (#6889)
• Fixed an issue where the MaskedInput value shows as undefined when the value property isn’t supplied and a non-matching character is input. (#6900)
• Fixed re-sizing issue in TextArea where the TextArea can be stretched horizontally beyond the parent container size. (#6924)
• Fixed Drop positioning when scrolling. (#6933)
• Fixed bug where Menu groups were collapsing when Menu had a scroll due to limited vertical space. (#6931)

Beta:

• Fixed Data’s flatten function to allow filtering on multiple sub properties of same parent property. (#6934)

v2.33.1

• Fixed issue in SelectMultiple with empty options. (#6895)
• Fixed issue with filtering DataTableColumns. (#6881)