Icons: Support rendering inline as child of a flex container
Update semantic icon assets.
IconCritical
: Move from circle to diamond outline. Increase the visual distinction from IconInfo
.
IconLanguage
: Move from globe to characters. Better represents the concept of language. Previous asset available as IconGlobe
.
MIGRATION GUIDE
As the above are updates to semantics icons, consumers are unaffected if their usage follows the icon's semantic intent. For those choosing the icon based on its visual appearance, please review the usage and consider decoupling from the semantic system icon for safer upgrades.
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" />
Add support for data attribute maps on all components.
EXAMPLE USAGE:
<Alert data={{ testId: 'message' }} /> // => <div data-testId="message" />
Text, Icons: Add brandAccent tone to Text and Icons
EXAMPLE USAGE:
<Text tone="brandAccent">...</Text>