Skip to content

Releases: seek-oss/braid-design-system

v0.0.34

26 Feb 06:23
9d5868b
Compare
Choose a tag to compare

0.0.34 (2019-02-26)

Bug Fixes

  • Centralise atom code, fix media query specificity (#106) (9d5868b)

v0.0.33

26 Feb 00:04
Compare
Choose a tag to compare

0.0.33 (2019-02-26)

Bug Fixes

v0.0.32

25 Feb 03:59
Compare
Choose a tag to compare

0.0.32 (2019-02-25)

Bug Fixes

  • Columns: Add Columns and Column components (#101) (c588253)

v0.0.31

22 Feb 03:37
29ae7ae
Compare
Choose a tag to compare

0.0.31 (2019-02-22)

Bug Fixes

  • TextLink: Add TextLink and TextLinkRenderer components (#102) (29ae7ae)

v0.0.30

20 Feb 23:43
9b21dc7
Compare
Choose a tag to compare

0.0.30 (2019-02-20)

Bug Fixes

v0.0.29

20 Feb 23:19
Compare
Choose a tag to compare

0.0.29 (2019-02-20)

Bug Fixes

  • Box: Support responsive padding, margin and display (#100) (7cd69a6)

v0.0.28

19 Feb 06:18
Compare
Choose a tag to compare

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

v0.0.27

13 Feb 05:58
2676476
Compare
Choose a tag to compare

0.0.27 (2019-02-13)

Bug Fixes

  • Export themes accesible to loadable (#91) (2676476)

v0.0.26

13 Feb 01:18
fc3c4a5
Compare
Choose a tag to compare

0.0.26 (2019-02-13)

Bug Fixes

  • ChecklistCard: Ensure divider doesn’t cover error border (#92) (fc3c4a5)

v0.0.25

08 Feb 05:39
ac5651b
Compare
Choose a tag to compare

0.0.25 (2019-02-08)

Bug Fixes

  • ChecklistCard: Show error border on entire row (#90) (ac5651b)