grommet changelog

Changelog History

Page 2

• v2.11.0 Changes

  February 21, 2020

  General

  • ➕ 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.

  FormField

  • ➕ 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.

  Form

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

  TextInput

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

  RadioButtonGroup

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

  TypeScript

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

  dependencies

  • 💅 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.
     
    TypeScript:
  • 🛠 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.
     
    Hooks:
  • 🔨 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.

• « First
• ‹ Prev
• 1
• 2