@naturacosmeticos/natds-react
Version:
A collection of components from Natura Design System for React
73 lines • 2.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var react_jss_1 = require("react-jss");
var ThemeProvider_1 = require("../../ThemeProvider");
var getColorTheme = function (theme) { return function (_a) {
var brand = _a.brand;
var themeSelectAvatar = (0, ThemeProvider_1.buildTheme)(brand, 'light');
if (brand) {
return {
primary: themeSelectAvatar.color.primary,
onPrimary: themeSelectAvatar.color.onPrimary
};
}
return {
primary: theme.color.primary,
onPrimary: theme.color.onPrimary
};
}; };
var styles = (0, react_jss_1.createUseStyles)(function (theme) { return ({
surface: {
display: 'flex',
width: function (_a) {
var size = _a.size;
return (size && theme.size[size]);
},
height: function (_a) {
var size = _a.size;
return (size && theme.size[size]);
},
borderRadius: function (_a) {
var size = _a.size;
return (size && theme.avatar[size].borderRadius);
},
backgroundColor: function (_a) {
var brand = _a.brand;
return getColorTheme(theme)({ brand: brand }).primary;
},
justifyContent: 'center',
alignItems: 'center',
overflow: 'hidden'
},
image: {
objectFit: 'cover',
height: '100%'
},
label: {
color: function (_a) {
var brand = _a.brand;
return getColorTheme(theme)({ brand: brand }).onPrimary;
},
fontFamily: [theme.avatar.primary.fontFamily, theme.avatar.fallback.fontFamily],
fontSize: function (_a) {
var size = _a.size;
return (size && theme.avatar[size].fontSize);
},
fontWeight: [theme.avatar.primary.fontWeight, theme.avatar.fallback.fontWeight],
letterSpacing: function (_a) {
var size = _a.size;
return (size && theme.avatar[size].letterSpacing);
},
lineHeight: function (_a) {
var size = _a.size;
return (size && theme.avatar[size].lineHeight);
},
padding: theme.spacing.micro,
textTransform: 'uppercase'
},
icon: {
padding: theme.spacing.micro
}
}); });
exports.default = styles;
//# sourceMappingURL=Avatar.styles.js.map