Migrate from custom focus ring visibility to native :focus-visible behaviour.
Previously Braid would change the presentation of focus ring outlines based on the user input, i.e. mouse or keyboard,
to prevent showing focus rings on click.
With the updated Browser Support Policy, we can now leverage the native :focus-visible pseudo class instead.
Stepper: Reduce size of Step indicators
Refine the design of Step indicators by reducing their size.
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" />
Stepper: Add align prop
Provide the align prop which now includes support for left alignment.
EXAMPLE USAGE:
<Stepper align="left"> ... </Stepper>
Stepper: Fix clipping of step name in Safari
Fixes issue where the descenders in Step labels were being clipped only in Safari.
Stepper: Add component
See documentation for full feature set and usage details.
EXAMPLE USAGE:
<Stepper label="Linear steps" progress={3}> <Step>1. First step</Step> <Step>2. Second step</Step> <Step>3. Third step</Step> <Step>4. Forth step</Step> </Stepper>