v2.16.3

General:

• Changed Calendar to fix an issue with disabling kind Buttons and with bounds without timezones.
• Added defaultValue prop to Select.
• Added onChild function to Carousel.
• Changed Grid to restrict repeated column minimum size to not exceed total width.
• Changed Text to add more sizes.
• Changed Chart to support pattern area fill.
• Changed Distribution to fix an issue with undefined values.
• Fixed Button pad to be based on the size.

DataTable:

• Fixed DataTable Header/Footer to adjust on body overflow.
• Changed DataTable to use onMouseEnter for hover detection.

Form:

• Improved Form onBlur validation.
• Fixed component update behavior when used inside an uncontrolled Form.

Layer:

• Added container.elevation to layer’s theme.
• Allow onEsc to be applied to Layer when modal={false}.
• Enhanced Layer to accept background prop and grommet sizes for layer.border.radius.

Menu:

• Fixed Menu’s drop positioning.
• Changed the Menu children prop to be typed as either a func or node.

TextInput:

• Removed custom JSX placeholder from TextInput when input has a value.
• Added highlightFirstSuggestion prop to TextInput.

v2.16.2

• Fixed Select selection when using search

v2.16.1

• Fixed Select on lazy loading
• Fixed typescript export of Tip.
• Fixed detail alignment on DataChart.
• Changed List to consider false border prop.
• Added textAlign prop to TextInput.
• Fixed uncontrolled input values to reset properly when Form is reset.
• Aligned the zindex value of Layer and Drop.

DataTable:

• Fixed issue with pin on DataTable Footer showing background when it is not pinned.
• Added placeholder prop to DataTable.
• Added a 'units' string to the column prop in DataTable.
• [Typescript] Fixed type of onSelect.

v2.16.0

General:

• NEW Tip component.
• Added tip prop to button.
• Added clear prop to Select that clears all selections.
• Button kind automatically set to plain style when it has children.
• Added support for width object on width prop on Box.
• Fixed Text truncation when align="end".
• Added fill prop to Heading.
• Accessibility fix for AnnounceContext default id.
• Added disabled prop to Button children.
• Added dropProps and dropHeight props for Drop customization on MaskedInput.
• Added support for border on Grid.
• Fixed rgb and rgba linear-gradient backgrounds.
• Added weight prop to Anchor.
• Added touched option for onChange in Form.
• Added new theme extend for List and List item.
• Fixed background-contrast to support dark and light more accurately.
• Changed InfiniteScroll to handle variable item heights.
• Added support for dark and light mode to Drop and Layer.
• Fixed keyboard focus when Layer is a modal.
• Fixed onClickOutside for non-modal Layer.
• Enhanced CheckBoxGroup theming with checkBoxGroup.container.
• Fixed issue with TextInput when there is a non-string placeholder.
• Fixed Select allow multiple values to be selected when using search.

Calendar:

• Enhanced Calendar logic when using range.
• Fixed timezone handling.
• Added activeDate prop.

Clock:

• Added more theme sizes to analog Clock.
• Fixed Clock when size prop is undefined or incomplete.

DataChart:

• Fixed a color issue when type: 'bars' and the color is set in a property.
• Changed DataChart to be more resilient to invalid properties when using type: 'bars'.

DataTable:

• Fixed generation of medium granularity x-axis labels.
• Accessibility fix of aria-label.
• Added support for hover styling on DataTable when resizing.

DateInput:
Added support for trimming adjacent days in the 6th row.
Fixed DateInput resetting in Forms.

Dev:
Storybook stories organization by component type.

v2.15.2

• Only relevant for users that use radioButton.extend on the theme. Fixed RadioButton theme, so that radioButton.extend is not applied to two DOM elements. Previously radioButton.extend applied to the radio button itself and to the container around the radio button that includes the label. From now on, radioButton.extend only applies to the styling of the radio button itself, and radioButton.container.extend applies to the whole container (including the label).
  To maintain any previous styling done with radioButton.extend, add your styling to radioButton.container.extend as well.

v2.15.1

General:

• Reduced bundle size of grommet.min.js.
• Fixed bug on InfiniteScroll when replace and show are larger than step.
• Added icon and styling for FormField error or info messages.
• Fixed dropProps functionality for DateInput.
• Allow active to pass as a prop to Tab.
• Added align options to Drop's stretch prop.
• Fixed issue on Box with row-responsive between border.
• Fixed onClick event for List and handle focus.
• Fix ability to customize text size for Avatar on the theme.
• Added font.family to the theme for Paragraph and Text components.
• Updated theme.global.active typing.

Calendar:

• Fixes incorrect month display on Calendar when switching months.
• Added support for customizing calendar dates and sizing.
• Fixes incorrect date display when selecting a date more than a year apart.

TextInput:

• TextInput onSuggestionSelect is used for the suggestion feature instead of onSelect.
• Allowed TextInput the use of onSelect for listening to select events.
• Added plain='full' option for omitting padding on plain.

DataTable:

• Added fill prop which allows the table to dynamically respond to the available real estate.
• Added pin prop which allows the first column, header, and/or footer to be pinned.
• Fixed calculation of minimum value in DataTable when there are negative values.
• Changed DataTable to add sort.external.
• Added icons.sortable to DataTable theme.
• Changed DataTable to have select and onSelect props.
• Added support to nested object in sort and aggregate.
• Updated theme to add more options for header cells of DataTable.
• Fix background prop and background.pinned theme incompatibilities.
• Allows DataTable footer to be pinned on Safari.

v2.15.0

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

v2.14.0

General:

• New CheckBoxGroup component.
• New DataChart component.
• Changed Button to have kind behavior for default and secondary kind.
• Fixed Preact Compatibility.
• Allowed theme to specify the size, height, and weight of an input.
• Fixed Clock countdown timer.
• Fixed missing forwardRef for DataTable, Diagram, Image, Menu, TableBody, TableCell, and Tabs.
• Enhanced focus theme styling to have outline and shadow props.
• Added disabled theme styling to MaskedInput.
• Fixed scrolling issues with TextInput.
• Changed Select and TextInput to accept a11yTitle prop as aria-label.
• Fixed an issue with caller controlling state in DropButton.
• Added rotateLeft and rotateRight to Box animation.
• Changed RangeInput to support bounds.
• Fixed onKeyDown event for TextArea.

RadioButtonGroup:

• Changed RadioButtonGroup to support numeric and boolean values.
• Fix the responsive behavior of RadioButtonGroup.

Form:

• Changed Form and FormField to fix some issues with state and events.
• Updated FormField to allow for disabled state styling via the theme.
• Added background and border options in FormField theme.

Accordion:

• Changed hover, focus, and border in Accordion theme.
• Added hover color theming for Accordion.

Menu:

• Added color theme styling for Menu icons.
• Fixed dropProps in Menu to work with RTL.

Select:

• Fixed onClick propagation in Select component.
• Fixed display of Select value when equal to zero.
• Fixed an issue with Select multiple.
• Fixed console error thrown by Select component.
• Fixed an issue with onSearch being called multiple times.

Tab/Tabs:

• Added icon and reverse props to Tab.
• Fixed focus toggling on Tab.
• Added responsive prop to Tabs.
• Added alignControls prop to Tabs.
• Added tabs header border theming to Tabs.

TypeScript:

• Fixed AnnounceContext to accept timeout as a parameter.
• Fixed TypeScript declaration of onChange in Form.
• Improved DataTable types.
• Added extend type to Text.

Hooks:

• Removing HOC from List.
• Changed SelectContainer to use hooks.
• Changed Collapsible to use hooks.
• Removed higher-order components.
• Changed Video to use hooks.
• Changed Select to fix an issue with callback hooks.

Dev:

• Replaced css package with PostCSS.
• Remove recompose dependency.
• Fixed security warning from the markdown-to-jsx package by updating to 6.11.4.
• Add jest-axe library for advanced accessibility testing.
• Fixed and cleaned code coverage references.

v2.13.0

• NEW Sidebar component.

• Improved Form documentation.

• Changed Accordion to fix an issue with wrapped children panels.

• Changes Select to fix an issue with onChange value.

• Added containerTarget to Grommet, for enhanced Drop/Layer containers positioning.

• Changed InfiniteScroll to address issues with React.StrictMode.

• Fixed console warning of List.

• Fixed an issue with gap=“none” on RadioButtonGroup.

• Fixed a11yTitle support of Image.

• Added ref support to Paragraph.

• Added ‘size’ option to ‘columns’ prop of DataTable.

• Fixed the sort icon switch in DataTable.

• Changed TextInput, MaskedInput, and TextArea to work as uncontrolled components.

• Enhanced the theme global.input.padding to accept an object.

• Changed CheckBox checked to default to false as documented.

• Changed Form to fire onChange once per change.

• Changed Form to fix caret issue on input fields.

• Fixed warning with FormField on react-dom 16.13.1.

• Added icon support for Select to enable icon switches when the drop opens or closes.

• Added extensive theme styling for disabled Button.

• Changed Menu to propagate dropProps to DropButton.

• Changed DropButtton to fix an issue with function refs.

• Added theme properties for primary and active Button.

TypeScript:

• Fixed types of Border style.
• Fixed types of Avatar to include IntrinsicElements.
• Fixed theme property type for Select control.open.

Hooks Refactoring:

• WorldMap to use hooks.

v2.12.0

• New Avatar component.
• Changed Form to fix some issues with various control patterns.
• Changed Form to fix an issue with required Checkbox.
• Changed Select to fix an issue with clearing multiple
• Fixed Calendar issues with selecting multiple dates and selecting a date with range.