@braineet/ui
Version:
Braineet design system
38 lines • 1.17 kB
JavaScript
import styled from 'styled-components';
import Box from '../box';
import Text from '../text';
var styles = {
sizes: {
small: {
text: 'xs',
icon: 16,
lineHeight: 16
},
big: {
text: 'xxs',
icon: 24,
lineHeight: 20
}
}
};
export var StyledBadge = styled(Box).withConfig({
displayName: "styles__StyledBadge",
componentId: "sc-178gj4h-0"
})(["display:inline-flex;justify-content:center;align-items:center;position:relative;padding:0;vertical-align:top;flex-direction:", ";border-radius:", ";max-width:100%;"], function (props) {
return props.reverse ? 'row-reverse' : 'row';
}, function (props) {
return props.theme.borderRadius.sm;
});
export var StyledText = styled(Text).withConfig({
displayName: "styles__StyledText",
componentId: "sc-178gj4h-1"
})(["line-height:", ";overflow:", ";white-space:", ";text-overflow:", ";word-break:break-all;"], function (props) {
return props.lineHeight + "px";
}, function (props) {
return props.ellipsis && 'hidden';
}, function (props) {
return props.ellipsis && 'nowrap';
}, function (props) {
return props.ellipsis && 'ellipsis';
});
export default styles;