v0.0.28

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

• Shrink API surface area, remove ChecklistCard (#95) (04297c3)

---

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">