@7shifts/sous-chef 3.39.0 → 3.39.1-beta0

package/dist/index.css

@@ -4411,6 +4411,9 @@ input._1zowl {
   flex-shrink: 0;
   overflow: hidden;
 }
+._ZiKiO {
+  position: relative;
+}
 ._1X7La svg {
   fill: var(--color-white);
 }

package/dist/index.js

@@ -12692,7 +12692,7 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
 };
 var Badge = React.forwardRef(BadgeElement);
 
-var styles$1b = {"avatar":"_1X7La","avatar--small":"_o5x6S","avatar__badge":"_NN8-D","avatar--medium":"_VxW5y","avatar--large":"_ec7jQ","avatar--extra-large":"_3VS00"};
+var styles$1b = {"avatar":"_1X7La","avatar__container":"_ZiKiO","avatar--small":"_o5x6S","avatar__badge":"_NN8-D","avatar--medium":"_VxW5y","avatar--large":"_ec7jQ","avatar--extra-large":"_3VS00"};
 
 var styles$1c = {"avatar-image":"_bbI2F"};
 
@@ -12781,6 +12781,8 @@ var Avatar = function Avatar(_ref) {
     defaultProfilePictureColors = _useState2[0];
   var backgroundColor = url ? COLORS['grey-200'] : getColor(color);
   return React__default.createElement("div", {
+    className: classnames(styles$1b['avatar__container'])
+  }, React__default.createElement("div", {
     className: classnames(styles$1b['avatar'], (_classnames = {}, _classnames[styles$1b['avatar--small']] = size === 'small', _classnames[styles$1b['avatar--medium']] = size === 'medium', _classnames[styles$1b['avatar--large']] = size === 'large', _classnames[styles$1b['avatar--extra-large']] = size === 'extra-large', _classnames)),
     style: {
       backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
@@ -12795,7 +12797,7 @@ var Avatar = function Avatar(_ref) {
     }
   }), badge && size !== 'small' && React__default.createElement("div", {
     className: styles$1b['avatar__badge']
-  }, badge));
+  }, badge)));
 };
 
 var CHIP_THEME = {