All Versions
13
Latest Version
Avg Release Cycle
29 days
Latest Release
336 days ago

Changelog History
Page 1

  • v2.16.0 Changes

    November 25, 2020

    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.

  • v2.15.2 Changes

    October 08, 2020
    • 🛠 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 Changes

    October 08, 2020

    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 Changes

    August 20, 2020

    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 Changes

    June 12, 2020

    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 Changes

    April 20, 2020

    🆕 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 Changes

    April 01, 2020
    • 🆕 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.

  • v2.11.3 Changes

    March 28, 2020
    • ➕ Added name prop for FormField.
    • 🔄 Changed Image to allow fill to be horizontal or vertical.
    • ➕ Added dash prop to Chart.
    • 🔄 Changed DataTable to add verticalAlign under columns.
    • ➕ Added DataTable support for primarykey false.
    • 🔄 Changed Layer to enable the target to work for non-modal layers.
    • 🔄 Changed Form to fix an issue with controlled components.
    • 🔄 Changed Select to fix an issue with value propagation.
    • 🔄 Changed Grid to fix an issue with flex columns and numeric count.
    • 🛠 Fixed an issue with dark mode color of Box.
    • 🛠 Fixed Form FormContext to fix an issue with caret positioning.
    • 🔄 Changed TextInput to fix an issue with drop opening (fix requires TextInput suggestions to not change on every render, and should be placed on the state or useMemo instead)
       
      TypeScript:
    • 🛠 Fix type error in theme breakpoints.
    • Development - Fix TypeScript errors on Storybook.

    Hooks:

    • ♻️ Refactor Class Children story to functional components.
    • 🔄 Changed Accordion and AccordionPanel to use hooks.
    • ♻️ Refactor DataTable Resizer to use hooks.

  • v2.11.2 Changes

    March 13, 2020

    ➕ Added margin prop to List.

    ➕ Added target prop to Layer.

    ➕ Added icon and reverse props to TextInput and MaskedInput.

    ➕ Added responsive prop for Grid.

    ➕ Added sort and onSort to DataTable.

    ➕ Added transition styling to the Button theme.

    🔄 Changed DataTable to handle an empty column definition.

    🛠 Fixed an issue with border=“between”.

    🛠 Fixed Drop issue with onSuggestionOpen/Close.

    🛠 Fixed Layer background issue on IE11.

    🛠 Fixed mask enforcement on MaskedInput.

    🛠 Fixed issue with Select InfiniteScroll when reaching to the end of the container.

    🔄 Changed FormField to propagate disabled and required to a created input element.

    🔄 Changed FormField to remove validation when unmounted.

    🔄 Changed Form to fix an issue with setting value from a component.

    🔄 Changed FormField to allow react nodes for help, error, and info.

    ♻️ Refactoring Drop, Layer, Carousel class components to use React hooks.

    👍 TypeScript support:

    • 👌 Improved types for theme breakpoints.

  • v2.11.1 Changes

    February 22, 2020
    • 🛠 Fixed issue with Select setValue.