MenuItem, MenuItemCheckbox, MenuItemLink: Fixes an issue which could cause MenuItems to require multiple taps to trigger on iOS
Standardise icon slot spacing
Normalise the space between the icon slot and component content across the system.
Refine the Checkbox, Radio, Toggle & MenuItemCheckbox size
Refines the size of the inline field elements including the RadioItem, Checkbox, Toggle and MenuItemCheckbox components.
Primarily impacts consumers of the seekJobs theme, seeing a reduction across all sizes.
MenuItemCheckbox: Align checkbox size with a small Checkbox
Align the size of a MenuItemCheckbox with a small sized Checkbox.
Support data attribute boolean values
The data attribute map now supports boolean values. This provides an improvement for the developer experience, no longer having to convert values to strings explicitly.
EXAMPLE USAGE:
<Component data={{ 'custom-attribute': true, }} /> // => <div data-custom-attribute="true" />
MenuItemCheckbox: Align with increased icon size
Ensure menu item text has uniform spacing to the checkbox of MenuItemCheckbox and the icon slot of MenuItem.
MenuItem, MenuItemLink, MenuItemCheckbox: Use span elements internally for more valid HTML.
Add MenuItemCheckbox component
You can now render checkboxes within OverflowMenu/MenuRenderer elements.
EXAMPLE USAGE
<OverflowMenu label="Checklist"> <MenuItemCheckbox checked={true} onChange={() => {}}> Checkbox 1 </MenuItemCheckbox> <MenuItemCheckbox checked={false} onChange={() => {}}> Checkbox 2 </MenuItemCheckbox> <MenuItemCheckbox checked={false} onChange={() => {}}> Checkbox 3 </MenuItemCheckbox> </OverflowMenu>