a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
General:
global.font.variant
to theme. (#6327)a11yTitle
prop to Avatar. (#6353)message
prop. (#6320)theme.checkBox.hover
. (#6355)theme.dateInput.container.round
to control rounding. (#6385)icon
. (#6263)valueKey
is not specified. (#6392)SelectMultiple:
options
. (#6359)List:
action
and onOrder
are defined. (#6350)onOrder
dragging behavior bug. (#6386)TypeScript:
groupBy
keys to optional. (#6400)General:
global.backgrounds
to the theme allowing theme-defined backgrounds. (#6310)defaultValue
prop to CheckBoxGroup. (#6331)pinned
prop to List allowing list items to be pinned in place when reordering. (#6249)Select:
General:
formField.checkBox.pad
as a theme option to add pad
to CheckBox when wrapped in FormField. (#6300)weight
prop to Heading. (#6294)size
to PageHeader. (#6279)menu.item
prop for Menu theme. (#6241)size
on different screen sizes. (#6277)circle
Meter angle calculation for larger values. (#6293)Button:
icon
for kind in theme. (#6297)DataTable:
border
in DataTable. (#6253)sort
when some attributes are null
. (#6282)sort
icon to update on re-render. (#6307)Select:
options
are set to objects and no labelKey
or valueKey
is provided. (#6299)options
were not being loaded when clear={true}
. (#6285)9/15 Note: An issue with this release has been identified. Passing a null value to Select causes an error. In previous versions, passing a null value was accepted. A fix for this has been merged and will be available in the next release which is planned for next week (if needed sooner consider using the stable branch or an older version of Grommet).
General:
aria-label
to be directly on input. (#6215)onLoad
. (#6217)debounce
function to not execute if the FormField is unmounted. (#6226)Typescript:
theme.focus.shadow
. (#6234)items
. (#6237)DataChart:
detail
pad. (#6206)FileInput:
General:
items
to allow for grouped items (#6162).event.target.files
in onRemove (#6136).reverse
to DateInput to allow control of icon placement (#6160).accordion.hover.background
to theme (#6177).maxLines
prop to Paragraph (#6207).detail
and legend
(#6173).mask
does not match (#6174).as
to accept elementType (#6172).General:
combobox
and listbox
ARIA roles. #6079
anchor.gap
. #6114
onMouseEnter
, onMouseLeave
onFocus
and onBlur
functions from its child. #6101
table-layout
to fixed
by default. #6108
onClickOutside
so that click location is properly registered in shadow DOM. #6120
onChange
type for FileInput. #6145
List:
Select:
General:
a11yTitle
or aria-label for List. (#6048)a11yTitle
in dropProps
for Menu. (#6033)sticky
prop to Header. (#6024)toggle={true}
. (#6074)as
prop on Box to accept any React element. (#6038)DataChart:
offset
gap. (#6041)DataTable:
onClickRow
and onSelect
. (#6084)verticalAlign
prop. (#6076)disabled
prop. (#6070)sortable
icon to appear after the column
units. (#6063)Select:
clear
button filling vertically on Firefox. (#6095)search
to handle fast typing. (#6030)clear
button to only show when Select has a value. (#6042)Video:
General:
radioButton.check.color
. (#6014)height
using an object. (#5996)children
. (#5969)border
prop. (#5774)restrictToOptions
to mask object in MaskedInput to restrict continued invalid typing. (#5894)DateInput:
Select:
name
prop in Select component when using valueLabel
. (#6031)valueLabel
in Select to accept a function. (#6020)labelKey
is a function. (#6020)Notification:
onClose
. (#5975)onClick
, href
, truncation, and directional layout of title/message. (#5958)global
prop. (#5958)toast
Notification when viewed on a small screen. (#6008)DataChart:
General:
itemKey
prop to List to allow users to specify a key for list items. (#5872)size
prop to Tag. (#5914)button.gap
in the theme. (#5906)options.wrapper
so it is not overridden as a Fragment. (#5946)onClick
prop in Tab. (#5937)DataChart:
offset
prop. (#5941)DateInput:
icon
prop. (#5911)inputProps
. (#5911)Notification:
toast
prop to allow a position object to be passed in. (#5926)toast
prop to allow setting autoClose. (#5730)Select: