braid-design-system
Themeable design system for the SEEK Group
MIT License
Bot releases are hidden (Show)
Published by seek-oss-ci over 5 years ago
0.0.28 (2019-02-19)
NOTE: This is a breaking change, but we're releasing it as a fix to maintain the alpha v0.0.x versioning scheme.
Bug Fixes
Component Inheritance
High level components no longer inherit the props of lower level components.
Most notably, any white space props will need to be hoisted out into a separate usage of Box. For example:
-<Text paddingBottom="small">Hello</Text>
+<Box paddingBottom="small">
+ <Text>Hello</Text>
+</Box>
Alternatively, you can replace your component with a lower level Box component:
-<Card marginBottom="none">
+<Box backgroundColor="card" />
This is a very deep change to the system, so please reach out to Braid maintainers if you need help.
ChecklistCard
We have removed the ChecklistCard component. If needed, it can be implemented manually in your app with Card and Divider components. For example:
<Card>
<Box paddingLeft="gutter" paddingRight="gutter" paddingTop="small" paddingBottom="small">
<Checkbox {...props} />
</Box>
<Divider />
<Box paddingLeft="gutter" paddingRight="gutter" paddingTop="small" paddingBottom="small">
<Checkbox {...props} />
</Box>
</Card>
Since Card no longer inherits from Box, if you customised the Card in any way, you will need to use a Box instead:
-<Card>
+<Box backgroundColor="card" borderColor="standard" marginBottom="medium">
