grommet 2.48.0

v2.48.0

on Node.js Yarn

General:

• Added FormField labels with CheckBoxGroup for screen reader support. (#7695)
• Added theme.global.focus.inset to support focus indicators in overflow-hidden components. (#7697)
• Added default close message to Notification. (#7667)
• Fixed Skeleton accessibility by marking it as aria-hidden. (#7656)
• Fixed toast Notification bug that incorrectly restored focus after disappearing. (#7683)
• Fixed incorrect formatting of Video time display. (#7690)
• Fixed Layer auto-focus behavior — pressing esc now exits layer. (#7709)
• Fixed Calendar to use roving tab index with focus on individual dates. (#7612)
• Enhanced screen reader reliability for repeated polite announcements in AnnounceContext. (#7708)

DataTable:

• Added support for aria-expanded on ExpanderCell for clearer screen reader feedback. (#7686)
• Added screen reader messages when row count changes. (#7687)
• Added expandLabel prop for accessible labeling of expandable rows and groups. (#7707)
• Added keyboard support for column resize via arrow keys. (#7702)
• Fixed to support roving tab index and visual focus on rows for onClickRow. (#7692)
• Enhanced search/sort aria support with better labeling and announcements. (#7688)
• Enhanced header search focus behavior — returns focus to button on esc. (#7694)
• Enhanced column resizer for touch support and WCAG-compliant alternatives to dragging. (#7714)
• Fixed target size of resizer to meet 24×24px minimum and improved visual alignment. (#7716)

DateInput:

• Improved DateInput focus handling — returns focus to input when drop closes. (#7612)
• Fixed DateInput so the Calendar button is disabled when the input is disabled. (#7719)

FileInput:

• Fixed internal button and anchor behavior and styling when input is disabled. (#7718)
• Fixed accessibility issues with screen reader announcements. (#7679)

Select / SelectMultiple:

• Added focusIndicator to SelectMultiple options for better keyboard navigation. (#7651)
• Added theme support via theme.select.clear.container for customizing focus state of clear selection button. (#7662)
• Enhanced SelectMultiple to use roving tab index for WCAG alignment. (#7673)
• Enhanced Select to retain focus in the drop using tab index adjustments. (#7675)
• Ensured DataSort and DataFilter correctly associate FormField labels with Select. (#7661)
• Fixed screen reader labeling when used inside FormField without placeholder. (#7369, #7211)

List:

• Enhanced to use roving tab index pattern for improved keyboard and mouse accessibility. (#7684)
• Added message support to pinned List items, including pinned columns in DataTableColumns. (#7665)

RadioButton / RadioButtonGroup:

• Added FormField labels with RadioButtonGroup for screen reader support. (#7695)
• Fixed alignment of checked icon in Safari. (#7655)

RangeSelector:

• Added theme value for customizing edge size. (#7676)
• Added a hidden input to support Safari VoiceOver for announcing slider values. (#7698)