« Changelog History


grommet v2.16.0 Release Notes

Release Date: 2020-11-25 // over 3 years ago

  • 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.
    • 0️⃣ 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.


Previous changes from 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.