UNPKG

@guruhotel/aura-ui

Version:

⚛️ React UI library by GuruHotel

1 lines 1.63 kB
exports.__esModule=!0,exports.StyledImage=exports.StyledFallback=exports.StyledAvatar=void 0;var e=require("../theme"),t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=o(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(require("@radix-ui/react-avatar")),r=require("../common-variants");function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(o=function(e){return e?r:t})(e)}const n=(0,e.styled)(t.Root,{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxShadow:"$md",backgroundColor:"$gray3",variants:{rounded:r.rounded,size:{"2xs":{size:"$4"},xs:{size:"$6"},sm:{size:"$8"},md:{size:"$12"},lg:{size:"$16"},xl:{size:"$24"},"2xl":{size:"$32"}}},defaultVariants:{size:"md",rounded:"full"}});exports.StyledAvatar=n;const i=(0,e.styled)(t.Image,{width:"100%",height:"100%",objectFit:"cover",borderRadius:"inherit"});exports.StyledImage=i;const a=(0,e.styled)(t.Fallback,{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"$base",variants:{fontSize:r.fontSize,fontWeight:r.fontWeight,color:r.color,colorScheme:r.colorScheme},defaultVariants:{fontSize:"sm",fontWeight:"medium",colorScheme:"guru"}});exports.StyledFallback=a;