Changelog History
Page 1
-
v2.16.0 Changes
November 25, 2020General:
- π 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
anddropHeight
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 thatradioButton.extend
is not applied to two DOM elements. PreviouslyradioButton.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, andradioButton.container.extend
applies to the whole container (including the label).
To maintain any previous styling done with radioButton.extend, add your styling toradioButton.container.extend
as well.
- π Only relevant for users that use
-
v2.15.1 Changes
October 08, 2020General:
- β¬οΈ Reduced bundle size of grommet.min.js.
- π Fixed bug on InfiniteScroll when
replace
andshow
are larger thanstep
. - β 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 ofonSelect
. - π 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
andonSelect
props. - β Added support to nested object in sort and aggregate.
- β‘οΈ Updated theme to add more options for header cells of DataTable.
- π Fix
background
prop andbackground.pinned
theme incompatibilities. - π Allows DataTable footer to be pinned on Safari.
-
v2.15.0 Changes
August 20, 2020General:
π 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 accessinfos
anderrors
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 orpad
prop.overflow="hidden"
will no longer be passed in but can be added incontentProps
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
andyAxis
- β 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 inputonChange
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
- β Added
-
v2.14.0 Changes
June 12, 2020General:
- π 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
androtateRight
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
andborder
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
andreverse
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.
- β Added
-
v2.11.2 Changes
March 13, 2020β Added
margin
prop to List.β Added
target
prop to Layer.β Added
icon
andreverse
props to TextInput and MaskedInput.β Added
responsive
prop for Grid.β Added
sort
andonSort
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
andrequired
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.