All Versions
Latest Version
Avg Release Cycle
29 days
Latest Release
1241 days ago

Changelog History
Page 2

  • v2.11.0 Changes

    February 21, 2020


    • ➕ Added new colors to theme: background-contrast, background-front, background-back, text-weak, text-strong, text-xweak, active-background, selected-background, selected-text, graph-0, graph-1, graph-2, graph-3.
    • ➕ Added RTL support by adding pad, margin, and border ‘start’ and ‘end’.
    • ➕ Added size prop to Button to support ‘small’, ‘medium’ and ‘large’ sizes.
    • ✂ Removed unmounted Layer component from the DOM.
    • ➕ Added pad prop to Grid.
    • 🔄 Changed Chart to allow onClick to work on ‘bar’ and ‘point’ types.
    • ➕ Added background prop to Grommet component.
    • 🛠 Fixed Box direction of ‘column-reverse’ to calculate gap height.
    • 🔄 Changed Select and RangeInput to fix an issue with setting value.
    • ➕ Added border=‘between’ to Box.
    • 🛠 Fixed restoration of tabIndex values for outer focus components.
    • 🛠 Fixed onChange update on Clock.


    • ➕ Added round to FormField border theme.
    • ➕ Added status to FormField validate.
    • 🔄 Changed FormField validate to accept an array and set aria-invalid when validation fails.
    • 🔄 Changed FormField to support background styling tied to error and disabled states.
    • 🔄 Changed FormField to associate rest props with container when not used to automatically render input element.


    • ➕ Added validate prop to Form. 
    • ➕ Added touched attribute for Form onSubmit event.
    • ⚡️ Changed Form to re-run all failed validations on any field update.


    • 🛠 Fixed ref focus issue for TextInput.
    • 👌 Improved TextInput suggestions keyboard accessibility.
    • 🛠 Fixed TextInput cursor positioning.


    • 🔄 Changed RadioButtonGroup to forward props.
    • ➕ Added disable prop to RadioButtonGroup.


    • 🛠 Fixed type of Diagram connections.
    • 🛠 Fixed Menu icon type.
    • 🛠 Fixed onChange type of RangeInput.
    • Extend RadioButtonGroup value type to include object.


    • 💅 Upgraded ‘styled-components’ to 5.0.1 and more packages with minor changes (make sure you have a clean installation and updated npm version).
    • 🔄 Changed webpack loaders to work on both windows and *nix on dev mode.

    0️⃣ Note: Due to the new color additions of  graph-0, graph-1, graph-2, graph-3, the logic of color calculations on visual components has changed. You wouldn’t tell the difference unless you are using a Meter with an array of more than two default grommet colors.

  • v2.10.0 Changes

    January 17, 2020
    • ➕ Added Nav Component.
    • 🛠 Fixed clickable area for CheckBox and RadioButton.
    • 🛠 Fixed Box background issue on dark mode.
    • 🔄 Changed RadioButtonGroup to set option ids based on group id.
    • 🛠 Fixed non-modal Layer accessibly issue.
    • 🛠 Fixed issue with placeholder of TextInput.
    • ✂ Removed styled-components from being included in the grommet package and is now a peer dependency.
      📚 As indicated in the getting started documentation, styled-components should be included in your
      📦 package.json, just like react and react-dom.
    • 🛠 Fixed Calendar type of onSelect.
    • 🛠 Fixed type of Menu component to include all Button props.
    • 💅 Extended type of color and size styles on the theme.
    • 🔨 Refactor Searcher and DataTable components.
  • v2.9.0 Changes

    December 13, 2019
    • 🆕 New Header component.
    • 🆕 New Main component.
    • 🆕 New Footer component.
    • ➕ Added type=‘point’ to Chart.
    • 🛠 Fixed an issue with Chart re-rendering when no values are provided.
    • 🔄 Changed Chart to take a color array to describe a gradient.
    • 🛠 Fixed reverse prop on Menu items.
    • 👌 Improved TypeScript for DataTable, Distribution, FormField, and List.
    • ➕ Added max prop for Meter.
    • 🛠 Fixed an issue with dark background detection when using alpha.
    • ➕ Added focusIndicator prop to Box.