• Increased TypeScript support
• Added RadioButtonGroup component
• Added extend support for TextInput
• Added around and evenly support for the Box justify prop
• Added style support for the Box gap prop
• Added colspan support for TableCell
• Added justifyContent prop to
• Added onBlur prop to MaskedInput
• Added interactiveChild prop to Stack
• Added id prop to Select
• Added real-time support for Diagram updates
• Improved accessibility for TextInput, FormField, MaskedInput, TextArea
• Improved responsive for Grid columns
• Added non-shaking-tree support
• Fixed Form validation for values
• Fixed Extend on ThemeContext
• Fixed scrubber for Video

• Fixed typescript definitions for Form

• Fixed accessibility for Select
• Increased TypeScript support
• Added dropHeight prop to TextInput
• Updated Grommet component to remove browser default margin when full is true
• Added pixel size support for the Box round prop
• Added style support to for the Box border prop
• Added grow and shrink support to Box flex prop
• Allowing thickness size in Meter
• Added custom font weight for each level support to Heading
• Added levels 5 and 6 to Heading
• Added animate prop and corner options to position prop on Layer
• Added Form component
• Added extend support for Calendar day
• Added primaryKey, resize, sortable props to DataTable
• Added HTML tags support to Markdown

• Fixed Select onChange not triggering for multiple with custom options
• Fixed Select dropHeight to use max-height instead of height
• Added withTheme proxy inside grommet to avoid libraries breaking after remove withTheme in Grommet

• Fix Anchor style inside markdown
• Added dropHeight, emptySearchMessage props to Select
• Fix target object inside Select onChange
• Fixed accessibility and keyboard operability for Select
• Fixed accessibility for CheckBox
• Updated base theme colors
• Integration with grommet-icons v4
• Moved grommet-icons and grommet-styles from peerDependency to dependency
• Added MaskedInput
• Fixed SkipLinks not showing when pressing tabs

• Fix regression with Layer margin with centered position
• Fix Typescript support to allow for intrinsic elements

• DataTable now allows falsey values
• Select now allows ‘extend’ for container
• Removed Firefox outline from focused elements.
• Added ability to scroll tabs independently
• Theme font object now allows weight
• Improved accessibility for Layer, Select, TextArea and TextInput  
• Add replace prop to InfiniteScroll
• Add labelKey, disabledKey, valueLabel, valueKey props to Select
• Add tag prop to Button
• Theme now allows custom debounce time
• Fixed drop container height
• Deprecate tag prop in favor of styled component as
• Heading theme allows font object in every level
• Flexible zIndex for Drop and Layer.
• Add indeterminate state for checkbox 
• Add elevation and plain props to Drop
• Select uses InfiniteScroll replace
• Fix margin on Layer
• Better Server-Side Rendering support for Grommet
• Grommet leverages styled-components ThemeContext
• Improved typescript support
• Better boundary conditions for RangeSelector

• Fixed an issue with Select where the options were not being updated
• Fixed an alignment issue with Drop when the component updated

• Allowing pixel value padding on margins
• Added xlarge size to Paragraph and Heading
• Updated to use system-ui font in the Grommet theme
• Added size prop to Anchor
• Added fill to TextArea
• Changed base theme elevation values
• Fixed daylight savings in Calendar
• Fixed RangeSelect to fix an issue with step
• Add plain prop to Grommet
• Fixed Layer on mobile
• Changed base theming for Tabs
• Fixed TextInput and TextArea to not close the Layer on pressing esc
• Fixed performance on Select and preventing scrolling to the top when selecting an option

• remove keyboard handlers when unmounting
• Allow default messages for Intl util
• Menu allow a custom DOM element to be the parent
• Infinite scrolling with support for moreAbove
• Allow a custom message to be passed to Notification

Breaking Changes

• Added generic styles (e.g margin, gridArea) to most components
  • The margin property of Heading, Paragraph, and Text used to only set margin on the top and bottom when a single size value was provided. Now, the margin property of those components has been aligned with how margin works on Box.
• Move theme prop from radioButton.border.radius to radioButton.check.radius to better align with CheckBox.

Compatible Changes

• Changed RangeSelector and Calendar to use the control color
• Improved Anchor in dark background
• Fixed icon theme inside Grommet
• Added change to allow short HEX colors
• Fixed Box elevation in dark context
• Added change allow custom Heading levels
• Grid: added number to allowed values of column count
• CheckBox, DataTable, Menu, RadioButton , Table, Tabs: better theming support
• Fixed CheckBox click when placed inside a Button

Breaking Changes

• Moved to Styled Components v4 🎉
• Internal DOM structure of Button changed. This might be a breaking change if you were using button.extend in the theme.
• Button now has an explicit disabled prop, now not sending onClick will still enable the button.
• Narrow has been removed as a breakpoint name (it is small now). Also, theme.edgeSize.narrow has been moved to theme.global.breakpoints.small.edgeSize. More here.
• Checkbox theme structural changes (theme.checkBox):
  • Moved radius from border to check
  • Renamed check.width to check.thickness
  • Moved check.color to the root checkBox entry since it affects both toggle and check instances
• Normalized color inside theme:
  • border-light and border-dark changed to border.light and border.dark
  • theme.global.text.color moved to theme.global.colors.text
  • theme.global.control.color moved to theme.global.colors.control
  • If you don't set a theme.button.primary.color, primary buttons by default will use theme.global.colors.control instead of theme.global.colors.brand
  • More here.
• Removed HPE from grommet core theme. It lives in a separate library now (grommet-theme-hpe).
• Removed shadow from drop theme entry. Now it leverages elevation from Box.

Compatible Changes

• Box: added more options to round prop
• Box: allow background to specify both an image and color
• Box: added support for custom width and height
• Box: added more options to overflow prop
• Button: fixed margin when icon is present
• Calendar: fixed styling issues when moving months with different char length
• Calendar: fixed quick navigation and animation issues
• Calendar: allows a custom header to be passed to Calendar
• Calendar: added animate, reference, and showAdjacentDays props
• Collapsible: added direction prop to allow collapsing horizontally
• Layer: fixed overlay being removed when responsive is false
• Tabs: better responsive styling
• Drop, Layer: changed onclick to mousedown to fix issues with clicking outside
• Added source code for Storybook 🎉
• Added support for 2/4 basis and size
• Enhanced IE11 Support for Calendar and Collapsible

Breaking Changes

• Welcome styled-components v4 🎉
  • To use that make sure to install [email protected] (beta) and [email protected]
• We are deprecating babel-plugin-grommet. Please remove it if you are using it in your babel config.
  • We recommend upgrading to Webpack 4, they have a finally nailed the tree-shaking support
  • If you can't update to Webpack 4, please either use the full component path or use babel-plugin-transform-imports

Compatible Changes

• Fixed TextInput no opening suggestions on paste
• Fixed Layer to not close itself if drop is open
• Added TypeScript definitions 🎉
• Changed internal component structure and exports to have better three shaking support with Webpack 4 🎉
• Added the ability to create dynamic responsive breakpoints
• Better Safari support for TextInput
• Changed Meter to fix an issue with many values using default colors
• Added onSuggestionsOpen and onSuggestionsClose to TextInput
• Changed Menu to allow a long list of items that might scroll
• Added color to Paragraph
• Added support for nested Collapsible components

BREAKING CHANGES

• Restructured themes. You can read about the details, including specific structural changes required for custom themes, in https://github.com/grommet/grommet/pull/2151.
• Removed the deprecated theme property in individual components.

Compatible Changes

• Added DataTable.
• Changed theme structure.
• Changed Drop to add center alignment and stretch.
• Changed Stack to fix issues with filling container.
• Changed Tabs to fix an issue with uncontrolled behavior.
• Changed TextInput and Select to fix focus issues with ie11.
• Changed Grid to pass through unknown sizes, like Box already does, and fixed an issue with Grid.available.
• Chanted Meter to fix an overflow issue on ie11.
• Changed Box to allow gradient backgrounds.
• Changed Calendar to fix some issues.
• Changed InfiniteScroll to add show.
• Changed Layer to fix an issue with dark backgrounds.
• Changed Button to fix an issue with anchor elements.
• Changed Select to improve accessibility and fix some layout issues.
• Changed Layer and Drop to not control overflow.
• Changed TextInput to show suggestions on focus.
• Added more storybook stories.

Updated dependencies.

Thanks @RyanCCollins and @florianbepunkt for your contributions.

BREAKING CHANGES

• Removed control.font from theme (font size for controls are now using Text component)
• grommet-icons is now a peer dependency and needs to be installed separately
• Update to React 16.3 (forwardRefs and new Context API)
  • React 16.3 is now required to run Grommet

Compatible Changes

• ⚠️IMPORTANT: we are planning to remove theme prop from components (except Grommet). Use ThemeContext.Provider or ThemeContext.Extend instead.

• Enchanced Components: Box, Button, Diagram, Drop, Chart, Layer, Select, Stack, TextInput, WorldMap

• New Components: Accordion, AccordionPanel, Collapsible

• Fix Select jumping when multiple Selects are open

• Fix TextInput layout issues in Safari

• Fix issues with icon theming

• Fix Drop not placing correctly after updating boundaries

• Fix layer ordering, adding multiple layers should stack them

• Fix WorldMap not updating props correctly

• Change Select to allow for custom TextInput (search inside Drop)

• Change Button to allow custom primary color

• Change TextInput to allow node as a placeholder

• Change Diagram to remove dependency on Stack

• Allow Button to have plain prop along-side with label and icon

• Added ThemeContext.Extend

• Added Storybook

Thanks @nogever for your contribution.

• Enhanced Components: Accordion, Layer, Header
• Header: fixed z-index to make sure body goes behind float
• Accordion: fix conditionally render of AccordionPanels
  • Layer: fix bug where keyboard events would not be triggered
• Added DXC minified to Grommet bundle

Thanks @atanasster, @amaurymartiny, @miguelemosreverte, and @lBeJIuk for your contributions!

• Fixed bug in Drop where scroll would not reposition it

• Fix problem with HPE theme not loading font
• Improved performance with deepMerge
• Fix drop shadow on dark backgrounds
• Changed InfiniteScroll to allow a custom marker
• Fixed problem with Distribution when handling zero values
• Fixed Meter to handle large values better
• Fixer Meter circle cap
• Improved gap styling for Box
• Improved color styling for Text and Heading
• Allow vertical align for TableCell
• Fixed Layer causing unexpected scroll bars
• Allow custom scrollable ancestor for InfiniteScroll
• Added fill and available to Grid
• Improved rows and columns for Grid
• Fixed issue with Grid justify
• Fixed suggestion labels for TextInput
• Fixed leaking props to DOM on Box
• Fixed Select an
• Fixed focus on Button to only show outline when you press tab
• Fixed Select focus management to avoid setting focus on previously opened drop

v2.0.0-beta.1

BREAKING CHANGES

• Changed Box to automatically set basis to auto when flex isn't false and basis isn't specified.

Compatible Changes

• Revised padding, margin, and border sizes when responsive.
• Added RangeSelector.
• Changed DropButton, Menu, and Select to add disabled.
• Changed Select to add multiple and size.
• Changed Menu to allow more button customization.
• Added InfiniteScroll.
• Changed FormField to make it more theme-able.
• Changed Video and WorldMap to fix server side rendering issues.
• Added dark theme.

v2.0.0-alpha.13

BREAKING CHANGES

• Changed Menu to remove icon.

Compatible Changes

• Added FormField.
• Changed Carousel to improve accessibility.
• Changed how icons can be themed by moving icons used within components to come from the theme. Components updated: Calendar, Carousel, Menu, Select, and Video.