How to use the @workday/canvas-kit-react-icon.SystemIconCircleSize.m function in @workday/canvas-kit-react-icon
To help you get started, we’ve selected a few @workday/canvas-kit-react-icon examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Workday / canvas-kit / modules / avatar / react / lib / Avatar.tsx View on Github 
{
...avatarStyles,
},
({size}) => ({
height: size,
width: size,
})
);
export default class Avatar extends React.Component {
static Variant = AvatarVariant;
static Size = SystemIconCircleSize;
static defaultProps = {
variant: AvatarVariant.Light,
size: SystemIconCircleSize.m,
altText: 'Avatar',
};
render() {
const {variant, altText, size, url, ...elemProps} = this.props;
const background = variant === AvatarVariant.Dark ? colors.blueberry400 : colors.soap300;
return (
{url ? (
<img alt="{altText}" src="{url}">
) : (
)}
);'&:focus': {
outline: 'none',
...(variant === AvatarVariant.Dark ? focusRing(2, 2) : focusRing(2)),
},
},
...hideMouseFocus,
})
);
export default class AvatarButton extends React.Component {
static Variant = AvatarVariant;
static Size = SystemIconCircleSize;
static defaultProps = {
variant: AvatarVariant.Light,
size: SystemIconCircleSize.m,
altText: 'Avatar',
};
render() {
const {buttonRef, variant, altText, size, url, onClick, ...elemProps} = this.props;
const background = variant === AvatarVariant.Dark ? colors.blueberry400 : colors.soap300;
return (
