36 lines
757 B
JavaScript
36 lines
757 B
JavaScript
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
|
import { composite } from 'seemly';
|
||
|
|
export const self = vars => {
|
||
|
|
const {
|
||
|
|
borderRadius,
|
||
|
|
avatarColor,
|
||
|
|
cardColor,
|
||
|
|
fontSize,
|
||
|
|
heightTiny,
|
||
|
|
heightSmall,
|
||
|
|
heightMedium,
|
||
|
|
heightLarge,
|
||
|
|
heightHuge,
|
||
|
|
modalColor,
|
||
|
|
popoverColor
|
||
|
|
} = vars;
|
||
|
|
return {
|
||
|
|
borderRadius,
|
||
|
|
fontSize,
|
||
|
|
border: `2px solid ${cardColor}`,
|
||
|
|
heightTiny,
|
||
|
|
heightSmall,
|
||
|
|
heightMedium,
|
||
|
|
heightLarge,
|
||
|
|
heightHuge,
|
||
|
|
color: composite(cardColor, avatarColor),
|
||
|
|
colorModal: composite(modalColor, avatarColor),
|
||
|
|
colorPopover: composite(popoverColor, avatarColor)
|
||
|
|
};
|
||
|
|
};
|
||
|
|
const avatarLight = {
|
||
|
|
name: 'Avatar',
|
||
|
|
common: commonLight,
|
||
|
|
self
|
||
|
|
};
|
||
|
|
export default avatarLight;
|