@braineet/ui
Version:
Braineet design system
46 lines (45 loc) • 1.62 kB
JavaScript
;
exports.__esModule = true;
exports.default = exports.StyledText = exports.StyledBadge = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
var _text = _interopRequireDefault(require("../text"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var styles = {
sizes: {
small: {
text: 'xs',
icon: 16,
lineHeight: 16
},
big: {
text: 'xxs',
icon: 24,
lineHeight: 20
}
}
};
var StyledBadge = (0, _styledComponents.default)(_box.default).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;
});
exports.StyledBadge = StyledBadge;
var StyledText = (0, _styledComponents.default)(_text.default).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';
});
exports.StyledText = StyledText;
var _default = styles;
exports.default = _default;