v12.0.0
12.0.0 (2019-09-17)
Features
BREAKING CHANGES
- BulletList: Setting
component="li"onTextno longer renders a bullet. Please migrate toBullet. Also no longer renders white space after the lastBullet, please validate your usage.
See usage: https://seek-oss.github.io/braid-design-system/components/BulletList.
Migration Guide
Setting the component prop on Text to "li" no longer renders a bullet list item. Consumers depending on this behaviour should migrate to Bullet and leverage the new apis on BulletList to achieve the desired outcome.
Text size of bullets
Consumers using Text instead of Bullet to support customising the text size should now migrate to Bullet and set the size on BulletList as follows:
-<BulletList>
+<BulletList size="small">
- <Text component="li" size="small">...</Text>
+ <Bullet>...</Bullet>
...
</BulletList>Space between bullets
Consumers using Text to remove default spacing in between Bullets should now migrate to Bullet and instead configure the space on BulletList. Eg:
-<BulletList>
+<BulletList space="none">
- <Text component="li">...</Text>
+ <Bullet>...</Bullet>
...
</BulletList>Alternatively you can also increase the spacing as required, using the space scale, eg:
-<BulletList>
+<BulletList space="large">
<Bullet>...</Bullet>
...
</BulletList>