braid-design-system
Themeable design system for the SEEK Group
MIT License
Bot releases are hidden (Show)
braid-design-system
- v4.0.0
Published by seek-oss-ci about 5 years ago
4.0.0 (2019-08-13)
Features
BREAKING CHANGES
-
Icons: Removes
inlinein favour of inferring this from the context of use. Nesting an icon inside a<Text>or<Heading>component will determine its size and position โ no longer requiring theinlinemodifier or allowing asizethat differs from the parent text.
Migration Guide
inline removal
An example migration, ie. determined as inline based on it being a child of <Text> or <Heading>.
<Text>
- An inline icon <Icon inline /> amongst text
+ An inline icon <Icon /> amongst text
</Text>
size inference
An example migration, ie. determined as being size="large" based on it being a child of <Text size="large">.
<Text size="large">
- An large icon <Icon size="large" /> amongst large text
+ An large icon <Icon /> amongst large text
</Text>
Note: Having different sizes is no longer permitted. Eg:
<Text size="large">
- An large icon <Icon size="small" /> amongst large text
+ An large icon <Icon /> amongst large text
</Text>
This also adds support for icons used inside of <Heading> components, eg:
<Heading level="2">
<Icon /> Title
</Heading>
Developer Notes
- Added a more detailed
debugIdenttotextColorForBackgroundutil to ease debugging. - Removed redundant
display="flex"around the icon insideAlert
braid-design-system
- v2.0.0
Published by seek-oss-ci over 5 years ago
Package Rankings
Top 2.35% on Npmjs.org
Badges
Extracted from project README
