@contentful/f36-avatar - npm Package Compare versions

Comparing version 4.71.1 to 4.71.2

dist/esm/index.js

@@ -1,13 +0,13 @@
-import p, { forwardRef } from 'react';
+import s, { forwardRef } from 'react';
 import { cx, css } from 'emotion';
 import { Image } from '@contentful/f36-image';
 import { Tooltip } from '@contentful/f36-tooltip';
-import i from '@contentful/f36-tokens';
+import m from '@contentful/f36-tokens';
 import { Stack } from '@contentful/f36-core';
 import { Menu } from '@contentful/f36-menu';
 
-var H=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var T=(t,r,e)=>r in t?H(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,y=(t,r)=>{for(var e in r||(r={}))G.call(r,e)&&T(t,e,r[e]);if(b)for(var e of b(r))N.call(r,e)&&T(t,e,r[e]);return t},V=(t,r)=>X(t,Z(r));var W=(t,r)=>{var e={};for(var o in t)G.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&b)for(var o of b(t))r.indexOf(o)<0&&N.call(t,o)&&(e[o]=t[o]);return e};var _=["tiny","small","medium","large"],I={primary:i.blue500,muted:k(i.gray500),green:i.green400,orange:i.orange400,yellow:i.yellow500,purple:i.purple400,gray:i.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"};function k(t){let r=parseInt(t.slice(1,3),16),e=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16);return `rgb(${[Math.round((255+r)/2),Math.round((255+e)/2),Math.round((255+o)/2)].join(" ")})`}var O=t=>_.includes(t),C=t=>({tiny:"20px",small:"24px",medium:"32px",large:"48px"})[t];function M(t){return O(t)?C(t):t}var U=t=>{let r=I[t],e=["muted","gray"].includes(t)?1:2;return {boxShadow:[`0px 0px 0px ${e}px ${r} inset`,`0px 0px 0px ${e+1}px ${i.colorWhite} inset`].join(", ")}},q=t=>Math.round(Number(t.replace("px",""))/2),F=({size:t,variant:r,colorVariant:e})=>{let o=r==="app"?i.borderRadiusSmall:"100%",c=M(t),n=e==="muted";return {fallback:css({backgroundColor:n?k(i.gray300):i.gray300,color:n?k(i.gray700):i.gray700,height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontStretch:"semi-condensed",fontSize:`${q(t)}px`}),image:css({borderRadius:o,display:"block"}),root:css({borderRadius:o,height:c,overflow:"hidden",position:"relative",width:c,svg:{borderRadius:o},"&::after":y({borderRadius:o,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0},U(e))}),imageContainer:css({backgroundColor:i.colorWhite,overflow:"visible",zIndex:1},e==="muted"&&{img:{opacity:.5}}),overlayIcon:css({svg:{backgroundColor:i.colorWhite,borderRadius:"100%",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}})}};function tt(u,s){var z=u,{alt:t="",className:r,colorVariant:e="gray",icon:o,isLoading:c=!1,size:n="medium",initials:g,src:a,testId:d="cf-ui-avatar",tooltipProps:f,variant:P="user"}=z,v=W(z,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant"]);let D=!c&&!a,w=M(n),x=F({size:w,variant:P,colorVariant:e}),$=p.createElement("div",y({className:cx(x.root,r,{[x.imageContainer]:!!a}),"data-test-id":d,ref:s},v),D?p.createElement("div",{className:x.fallback,"data-test-id":`${d}-fallback`},g==null?void 0:g.substring(0,2).toUpperCase()):p.createElement(Image,{alt:t,className:x.image,height:w,src:a,width:w}),!!o&&p.createElement("span",{className:x.overlayIcon},o));return f?p.createElement(Tooltip,V(y({},f),{usePortal:!0}),$):$}var L=forwardRef(tt);var B=t=>({groupSpaced:css({gap:i.spacing2Xs}),groupStacked:css({gap:0,"> :not(:first-child)":{marginLeft:`-${i.spacing2Xs}`}}),avatarStacked:css({position:"relative",boxShadow:`0px 0px 0px 1px ${i.colorWhite}`}),moreAvatarsBtn:css({cursor:"pointer",backgroundColor:i.colorWhite,color:i.gray600,fontSize:i.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${i.gray200} inset`,borderRadius:"99999999em",height:C(t),width:C(t),overflow:"hidden",zIndex:0}),moreAvatarsItem:css({cursor:"default"})});function ot({children:t,className:r,maxVisibleChildren:e=3,size:o="medium",testId:c="cf-ui-avatar-group",variant:n="spaced"},g){let a=B(o),d=p.Children.toArray(t),f=d.length>e?e-1:e,P=d.slice(0,f),v=d.slice(f);return p.createElement(Stack,{flexDirection:"row",testId:c,ref:g,className:cx(r,{[a.groupStacked]:n==="stacked",[a.groupSpaced]:n==="spaced"})},P.map((s,u)=>{let z=P.length-u;return p.cloneElement(s,{key:`avatar-rendered-${u}`,size:o,className:cx(s.props.className,{[a.avatarStacked]:n==="stacked"}),style:{zIndex:z}})}),v.length>0&&p.createElement(Menu,{placement:"bottom-end"},p.createElement(Menu.Trigger,null,p.createElement("button",{type:"button",className:cx({[a.avatarStacked]:n==="stacked"},a.moreAvatarsBtn)},"+",v.length)),p.createElement(Menu.List,null,v.map((s,u)=>p.createElement(Menu.Item,{className:a.moreAvatarsItem,key:`avatar-${u}`},p.cloneElement(s,{key:`avatar-menuitem-${u}`,size:"tiny",tooltipProps:void 0}),s.props.alt)))))}var j=forwardRef(ot);
+var j=Object.defineProperty,U=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var G=(t,e,r)=>e in t?j(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))B.call(e,r)&&G(t,r,e[r]);if(k)for(var r of k(e))D.call(e,r)&&G(t,r,e[r]);return t},N=(t,e)=>U(t,X(e));var V=(t,e)=>{var r={};for(var o in t)B.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&k)for(var o of k(t))e.indexOf(o)<0&&D.call(t,o)&&(r[o]=t[o]);return r};var w=4,Z=1,z={primary:m.blue500,muted:R(m.gray500),green:m.green400,orange:m.orange400,yellow:m.yellow500,purple:m.purple400,gray:m.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"};function R(t){let e=parseInt(t.slice(1,3),16),r=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16);return `rgb(${[Math.round((255+e)/2),Math.round((255+r)/2),Math.round((255+o)/2)].join(" ")})`}function T(t){return ["muted","gray"].includes(t)?1:2}function M(t){return T(t)+Z}var h=t=>{var r;return (r={tiny:20,small:24,medium:32,large:48}[t])!=null?r:parseInt(t.slice(0,-2),10)};function A(t){return `${t}px`}var q=t=>{let e=z[t];return {boxShadow:[`0px 0px 0px ${T(t)}px ${e} inset`,`0px 0px 0px ${M(t)}px ${m.colorWhite} inset`].join(", ")}},J=t=>Math.round(t/2),_=({size:t,variant:e,colorVariant:r})=>{let o=e==="app"?w:"100%",d=e==="app"?w-M(r):"100%",n=r==="muted",p=h(t);return {fallback:css({backgroundColor:n?R(m.gray300):m.gray300,color:n?R(m.gray700):m.gray700,height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontStretch:"semi-condensed",fontSize:A(J(p))}),image:css({borderRadius:d,display:"block","& + svg":{borderRadius:d,rect:{rx:0,ry:0}}}),root:css({borderRadius:o,height:p,width:p,overflow:"hidden",position:"relative",padding:M(r),"&::after":y({borderRadius:o,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0},q(r))}),imageContainer:css({backgroundColor:m.colorWhite,overflow:"visible",zIndex:1},r==="muted"&&{img:{opacity:.5}}),overlayIcon:css({svg:{backgroundColor:m.colorWhite,borderRadius:"100%",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}})}};function rt(g,i){var I=g,{alt:t="",className:e,colorVariant:r="gray",icon:o,isLoading:d=!1,size:n="medium",initials:p,src:a,testId:u="cf-ui-avatar",tooltipProps:f,variant:C="user"}=I,v=V(I,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant"]);let O=!d&&!a,x=_({size:n,variant:C,colorVariant:r}),W=s.createElement("div",y({className:cx(x.root,e,{[x.imageContainer]:!!a}),"data-test-id":u,ref:i},v),O?s.createElement("div",{className:x.fallback,"data-test-id":`${u}-fallback`},p==null?void 0:p.substring(0,2).toUpperCase()):s.createElement(Image,{alt:t,className:x.image,src:a,height:"100%",width:"100%"}),!!o&&s.createElement("span",{className:x.overlayIcon},o));return f?s.createElement(Tooltip,N(y({},f),{usePortal:!0}),W):W}var F=forwardRef(rt);var L=t=>({groupSpaced:css({gap:m.spacing2Xs}),groupStacked:css({gap:0,"> :not(:first-child)":{marginLeft:`-${m.spacing2Xs}`}}),avatarStacked:css({position:"relative",boxShadow:`0px 0px 0px 1px ${m.colorWhite}`}),moreAvatarsBtn:css({cursor:"pointer",backgroundColor:m.colorWhite,color:m.gray600,fontSize:m.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${m.gray200} inset`,borderRadius:"99999999em",height:A(h(t)),width:A(h(t)),overflow:"hidden",zIndex:0}),moreAvatarsItem:css({cursor:"default"})});function at({children:t,className:e,maxVisibleChildren:r=3,size:o="medium",testId:d="cf-ui-avatar-group",variant:n="spaced"},p){let a=L(o),u=s.Children.toArray(t),f=u.length>r?r-1:r,C=u.slice(0,f),v=u.slice(f);return s.createElement(Stack,{flexDirection:"row",testId:d,ref:p,className:cx(e,{[a.groupStacked]:n==="stacked",[a.groupSpaced]:n==="spaced"})},C.map((i,g)=>{let I=C.length-g;return s.cloneElement(i,{key:`avatar-rendered-${g}`,size:o,className:cx(i.props.className,{[a.avatarStacked]:n==="stacked"}),style:{zIndex:I}})}),v.length>0&&s.createElement(Menu,{placement:"bottom-end"},s.createElement(Menu.Trigger,null,s.createElement("button",{type:"button",className:cx({[a.avatarStacked]:n==="stacked"},a.moreAvatarsBtn)},"+",v.length)),s.createElement(Menu.List,null,v.map((i,g)=>s.createElement(Menu.Item,{className:a.moreAvatarsItem,key:`avatar-${g}`},s.cloneElement(i,{key:`avatar-menuitem-${g}`,size:"tiny",tooltipProps:void 0}),i.props.alt)))))}var H=forwardRef(at);
 
-export { L as Avatar, j as AvatarGroup, I as avatarColorMap };
+export { F as Avatar, H as AvatarGroup, z as avatarColorMap };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.js

 'use strict';
 
-var p = require('react');
+var s = require('react');
 var emotion = require('emotion');
 var f36Image = require('@contentful/f36-image');
 var f36Tooltip = require('@contentful/f36-tooltip');
-var i = require('@contentful/f36-tokens');
+var m = require('@contentful/f36-tokens');
 var f36Core = require('@contentful/f36-core');
@@ -13,11 +13,11 @@ var f36Menu = require('@contentful/f36-menu');
 
-var p__default = /*#__PURE__*/_interopDefault(p);
-var i__default = /*#__PURE__*/_interopDefault(i);
+var s__default = /*#__PURE__*/_interopDefault(s);
+var m__default = /*#__PURE__*/_interopDefault(m);
 
-var H=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var T=(t,r,e)=>r in t?H(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,y=(t,r)=>{for(var e in r||(r={}))G.call(r,e)&&T(t,e,r[e]);if(b)for(var e of b(r))N.call(r,e)&&T(t,e,r[e]);return t},V=(t,r)=>X(t,Z(r));var W=(t,r)=>{var e={};for(var o in t)G.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&b)for(var o of b(t))r.indexOf(o)<0&&N.call(t,o)&&(e[o]=t[o]);return e};var _=["tiny","small","medium","large"],I={primary:i__default.default.blue500,muted:k(i__default.default.gray500),green:i__default.default.green400,orange:i__default.default.orange400,yellow:i__default.default.yellow500,purple:i__default.default.purple400,gray:i__default.default.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"};function k(t){let r=parseInt(t.slice(1,3),16),e=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16);return `rgb(${[Math.round((255+r)/2),Math.round((255+e)/2),Math.round((255+o)/2)].join(" ")})`}var O=t=>_.includes(t),C=t=>({tiny:"20px",small:"24px",medium:"32px",large:"48px"})[t];function M(t){return O(t)?C(t):t}var U=t=>{let r=I[t],e=["muted","gray"].includes(t)?1:2;return {boxShadow:[`0px 0px 0px ${e}px ${r} inset`,`0px 0px 0px ${e+1}px ${i__default.default.colorWhite} inset`].join(", ")}},q=t=>Math.round(Number(t.replace("px",""))/2),F=({size:t,variant:r,colorVariant:e})=>{let o=r==="app"?i__default.default.borderRadiusSmall:"100%",c=M(t),n=e==="muted";return {fallback:emotion.css({backgroundColor:n?k(i__default.default.gray300):i__default.default.gray300,color:n?k(i__default.default.gray700):i__default.default.gray700,height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontStretch:"semi-condensed",fontSize:`${q(t)}px`}),image:emotion.css({borderRadius:o,display:"block"}),root:emotion.css({borderRadius:o,height:c,overflow:"hidden",position:"relative",width:c,svg:{borderRadius:o},"&::after":y({borderRadius:o,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0},U(e))}),imageContainer:emotion.css({backgroundColor:i__default.default.colorWhite,overflow:"visible",zIndex:1},e==="muted"&&{img:{opacity:.5}}),overlayIcon:emotion.css({svg:{backgroundColor:i__default.default.colorWhite,borderRadius:"100%",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}})}};function tt(u,s){var z=u,{alt:t="",className:r,colorVariant:e="gray",icon:o,isLoading:c=!1,size:n="medium",initials:g,src:a,testId:d="cf-ui-avatar",tooltipProps:f,variant:P="user"}=z,v=W(z,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant"]);let D=!c&&!a,w=M(n),x=F({size:w,variant:P,colorVariant:e}),$=p__default.default.createElement("div",y({className:emotion.cx(x.root,r,{[x.imageContainer]:!!a}),"data-test-id":d,ref:s},v),D?p__default.default.createElement("div",{className:x.fallback,"data-test-id":`${d}-fallback`},g==null?void 0:g.substring(0,2).toUpperCase()):p__default.default.createElement(f36Image.Image,{alt:t,className:x.image,height:w,src:a,width:w}),!!o&&p__default.default.createElement("span",{className:x.overlayIcon},o));return f?p__default.default.createElement(f36Tooltip.Tooltip,V(y({},f),{usePortal:!0}),$):$}var L=p.forwardRef(tt);var B=t=>({groupSpaced:emotion.css({gap:i__default.default.spacing2Xs}),groupStacked:emotion.css({gap:0,"> :not(:first-child)":{marginLeft:`-${i__default.default.spacing2Xs}`}}),avatarStacked:emotion.css({position:"relative",boxShadow:`0px 0px 0px 1px ${i__default.default.colorWhite}`}),moreAvatarsBtn:emotion.css({cursor:"pointer",backgroundColor:i__default.default.colorWhite,color:i__default.default.gray600,fontSize:i__default.default.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${i__default.default.gray200} inset`,borderRadius:"99999999em",height:C(t),width:C(t),overflow:"hidden",zIndex:0}),moreAvatarsItem:emotion.css({cursor:"default"})});function ot({children:t,className:r,maxVisibleChildren:e=3,size:o="medium",testId:c="cf-ui-avatar-group",variant:n="spaced"},g){let a=B(o),d=p__default.default.Children.toArray(t),f=d.length>e?e-1:e,P=d.slice(0,f),v=d.slice(f);return p__default.default.createElement(f36Core.Stack,{flexDirection:"row",testId:c,ref:g,className:emotion.cx(r,{[a.groupStacked]:n==="stacked",[a.groupSpaced]:n==="spaced"})},P.map((s,u)=>{let z=P.length-u;return p__default.default.cloneElement(s,{key:`avatar-rendered-${u}`,size:o,className:emotion.cx(s.props.className,{[a.avatarStacked]:n==="stacked"}),style:{zIndex:z}})}),v.length>0&&p__default.default.createElement(f36Menu.Menu,{placement:"bottom-end"},p__default.default.createElement(f36Menu.Menu.Trigger,null,p__default.default.createElement("button",{type:"button",className:emotion.cx({[a.avatarStacked]:n==="stacked"},a.moreAvatarsBtn)},"+",v.length)),p__default.default.createElement(f36Menu.Menu.List,null,v.map((s,u)=>p__default.default.createElement(f36Menu.Menu.Item,{className:a.moreAvatarsItem,key:`avatar-${u}`},p__default.default.cloneElement(s,{key:`avatar-menuitem-${u}`,size:"tiny",tooltipProps:void 0}),s.props.alt)))))}var j=p.forwardRef(ot);
+var j=Object.defineProperty,U=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var G=(t,e,r)=>e in t?j(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,y=(t,e)=>{for(var r in e||(e={}))B.call(e,r)&&G(t,r,e[r]);if(k)for(var r of k(e))D.call(e,r)&&G(t,r,e[r]);return t},N=(t,e)=>U(t,X(e));var V=(t,e)=>{var r={};for(var o in t)B.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&k)for(var o of k(t))e.indexOf(o)<0&&D.call(t,o)&&(r[o]=t[o]);return r};var w=4,Z=1,z={primary:m__default.default.blue500,muted:R(m__default.default.gray500),green:m__default.default.green400,orange:m__default.default.orange400,yellow:m__default.default.yellow500,purple:m__default.default.purple400,gray:m__default.default.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"};function R(t){let e=parseInt(t.slice(1,3),16),r=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16);return `rgb(${[Math.round((255+e)/2),Math.round((255+r)/2),Math.round((255+o)/2)].join(" ")})`}function T(t){return ["muted","gray"].includes(t)?1:2}function M(t){return T(t)+Z}var h=t=>{var r;return (r={tiny:20,small:24,medium:32,large:48}[t])!=null?r:parseInt(t.slice(0,-2),10)};function A(t){return `${t}px`}var q=t=>{let e=z[t];return {boxShadow:[`0px 0px 0px ${T(t)}px ${e} inset`,`0px 0px 0px ${M(t)}px ${m__default.default.colorWhite} inset`].join(", ")}},J=t=>Math.round(t/2),_=({size:t,variant:e,colorVariant:r})=>{let o=e==="app"?w:"100%",d=e==="app"?w-M(r):"100%",n=r==="muted",p=h(t);return {fallback:emotion.css({backgroundColor:n?R(m__default.default.gray300):m__default.default.gray300,color:n?R(m__default.default.gray700):m__default.default.gray700,height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontStretch:"semi-condensed",fontSize:A(J(p))}),image:emotion.css({borderRadius:d,display:"block","& + svg":{borderRadius:d,rect:{rx:0,ry:0}}}),root:emotion.css({borderRadius:o,height:p,width:p,overflow:"hidden",position:"relative",padding:M(r),"&::after":y({borderRadius:o,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0},q(r))}),imageContainer:emotion.css({backgroundColor:m__default.default.colorWhite,overflow:"visible",zIndex:1},r==="muted"&&{img:{opacity:.5}}),overlayIcon:emotion.css({svg:{backgroundColor:m__default.default.colorWhite,borderRadius:"100%",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}})}};function rt(g,i){var I=g,{alt:t="",className:e,colorVariant:r="gray",icon:o,isLoading:d=!1,size:n="medium",initials:p,src:a,testId:u="cf-ui-avatar",tooltipProps:f,variant:C="user"}=I,v=V(I,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant"]);let O=!d&&!a,x=_({size:n,variant:C,colorVariant:r}),W=s__default.default.createElement("div",y({className:emotion.cx(x.root,e,{[x.imageContainer]:!!a}),"data-test-id":u,ref:i},v),O?s__default.default.createElement("div",{className:x.fallback,"data-test-id":`${u}-fallback`},p==null?void 0:p.substring(0,2).toUpperCase()):s__default.default.createElement(f36Image.Image,{alt:t,className:x.image,src:a,height:"100%",width:"100%"}),!!o&&s__default.default.createElement("span",{className:x.overlayIcon},o));return f?s__default.default.createElement(f36Tooltip.Tooltip,N(y({},f),{usePortal:!0}),W):W}var F=s.forwardRef(rt);var L=t=>({groupSpaced:emotion.css({gap:m__default.default.spacing2Xs}),groupStacked:emotion.css({gap:0,"> :not(:first-child)":{marginLeft:`-${m__default.default.spacing2Xs}`}}),avatarStacked:emotion.css({position:"relative",boxShadow:`0px 0px 0px 1px ${m__default.default.colorWhite}`}),moreAvatarsBtn:emotion.css({cursor:"pointer",backgroundColor:m__default.default.colorWhite,color:m__default.default.gray600,fontSize:m__default.default.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${m__default.default.gray200} inset`,borderRadius:"99999999em",height:A(h(t)),width:A(h(t)),overflow:"hidden",zIndex:0}),moreAvatarsItem:emotion.css({cursor:"default"})});function at({children:t,className:e,maxVisibleChildren:r=3,size:o="medium",testId:d="cf-ui-avatar-group",variant:n="spaced"},p){let a=L(o),u=s__default.default.Children.toArray(t),f=u.length>r?r-1:r,C=u.slice(0,f),v=u.slice(f);return s__default.default.createElement(f36Core.Stack,{flexDirection:"row",testId:d,ref:p,className:emotion.cx(e,{[a.groupStacked]:n==="stacked",[a.groupSpaced]:n==="spaced"})},C.map((i,g)=>{let I=C.length-g;return s__default.default.cloneElement(i,{key:`avatar-rendered-${g}`,size:o,className:emotion.cx(i.props.className,{[a.avatarStacked]:n==="stacked"}),style:{zIndex:I}})}),v.length>0&&s__default.default.createElement(f36Menu.Menu,{placement:"bottom-end"},s__default.default.createElement(f36Menu.Menu.Trigger,null,s__default.default.createElement("button",{type:"button",className:emotion.cx({[a.avatarStacked]:n==="stacked"},a.moreAvatarsBtn)},"+",v.length)),s__default.default.createElement(f36Menu.Menu.List,null,v.map((i,g)=>s__default.default.createElement(f36Menu.Menu.Item,{className:a.moreAvatarsItem,key:`avatar-${g}`},s__default.default.cloneElement(i,{key:`avatar-menuitem-${g}`,size:"tiny",tooltipProps:void 0}),i.props.alt)))))}var H=s.forwardRef(at);
 
-exports.Avatar = L;
-exports.AvatarGroup = j;
-exports.avatarColorMap = I;
+exports.Avatar = F;
+exports.AvatarGroup = H;
+exports.avatarColorMap = z;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-avatar",
-  "version": "4.71.1",
+  "version": "4.71.2",
   "description": "Forma 36: Avatar component",
@@ -9,7 +9,7 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.71.1",
-    "@contentful/f36-image": "4.71.1",
-    "@contentful/f36-menu": "^4.71.1",
+    "@contentful/f36-core": "^4.71.2",
+    "@contentful/f36-image": "4.71.2",
+    "@contentful/f36-menu": "^4.71.2",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/f36-tooltip": "^4.71.1",
+    "@contentful/f36-tooltip": "^4.71.2",
     "emotion": "^10.0.17"
@@ -16,0 +16,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51854

increased by2.51%

Dependency changes

• + Added@contentful/f36-image@4.71.2(transitive)

• - Removed@contentful/f36-image@4.71.1(transitive)

• Updated@contentful/f36-core@^4.71.2

• Updated@contentful/f36-image@4.71.2

• Updated@contentful/f36-menu@^4.71.2

• Updated@contentful/f36-tooltip@^4.71.2