@zendeskgarden/react-avatars 8.62.0 → 8.62.2

package/dist/index.cjs.js

@@ -7,15 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var reactTheming = require('@zendeskgarden/react-theming');
 var styled = require('styled-components');
 var polished = require('polished');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -31,14 +29,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function (target) {
@@ -151,9 +148,9 @@ const SIZE = ['extraextrasmall', 'extrasmall', 'small', 'medium', 'large'];
 const STATUS = ['available', 'away', 'transfers', 'offline'];
 
 const COMPONENT_ID$6 = 'avatars.text';
-const StyledText = styled__default["default"].span.attrs({
+const StyledText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -219,9 +216,9 @@ const colorStyles$2 = props => {
   }
   return styled.css(["border-color:", ";background-color:", ";color:", ";"], borderColor, backgroundColor, props.theme.palette.white);
 };
-const StyledStatusIndicatorBase = styled__default["default"].div.attrs({
+const StyledStatusIndicatorBase = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStatusIndicatorBase",
   componentId: "sc-1rininy-0"
@@ -258,9 +255,9 @@ const colorStyles$1 = props => {
   }
   return styled.css(["border-color:", ";box-shadow:", ";"], borderColor, boxShadow);
 };
-const StyledStatusIndicator = styled__default["default"](StyledStatusIndicatorBase).attrs({
+const StyledStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStatusIndicator",
   componentId: "sc-16t9if3-0"
@@ -334,9 +331,9 @@ const sizeStyles$1 = props => {
   }
   return styled.css(["border-radius:", ";width:", " !important;height:", " !important;::before{box-shadow:", ";}& > svg{font-size:", ";}& ", "{line-height:", ";font-size:", ";}"], borderRadius, size, size, boxShadow, svgSize, StyledText, size, fontSize);
 };
-const StyledAvatar = styled__default["default"].figure.attrs({
+const StyledAvatar = styled__default.default.figure.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -347,9 +344,9 @@ StyledAvatar.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'avatars.status-indicator.status';
-const StyledStandaloneStatus = styled__default["default"].figure.attrs({
+const StyledStandaloneStatus = styled__default.default.figure.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatus",
   componentId: "sc-1ow4nfj-0"
@@ -363,9 +360,9 @@ function sizeStyles(props) {
   const marginRule = `margin-${props.theme.rtl ? 'right' : 'left'}: ${props.theme.space.base * 2}px;`;
   return styled.css(["", " line-height:", ";font-size:", ";"], marginRule, reactTheming.getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md), props.theme.fontSizes.md);
 }
-const StyledStandaloneStatusCaption = styled__default["default"].figcaption.attrs({
+const StyledStandaloneStatusCaption = styled__default.default.figcaption.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatusCaption",
   componentId: "sc-aalyk1-0"
@@ -375,9 +372,9 @@ StyledStandaloneStatusCaption.defaultProps = {
 };
 
 const COMPONENT_ID = 'avatars.status-indicator.indicator';
-const StyledStandaloneStatusIndicator = styled__default["default"](StyledStatusIndicatorBase).attrs({
+const StyledStandaloneStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatusIndicator",
   componentId: "sc-1xt1heq-0"
@@ -387,7 +384,7 @@ StyledStandaloneStatusIndicator.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const TextComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledText, _extends$4({
+const TextComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledText, _extends$4({
   ref: ref
 }, props)));
 TextComponent.displayName = 'Avatar.Text';
@@ -421,7 +418,7 @@ const AvatarComponent = React.forwardRef((_ref, ref) => {
     return ['status'].concat(statusMessage || []).join(': ');
   }, [computedStatus, badge]);
   const statusLabel = reactTheming.useText(AvatarComponent, props, 'statusLabel', defaultStatusLabel);
-  return React__default["default"].createElement(StyledAvatar, _extends$4({
+  return React__namespace.default.createElement(StyledAvatar, _extends$4({
     ref: ref,
     isSystem: isSystem,
     size: size,
@@ -431,30 +428,30 @@ const AvatarComponent = React.forwardRef((_ref, ref) => {
     foregroundColor: foregroundColor,
     "aria-atomic": "true",
     "aria-live": "polite"
-  }, props), React.Children.only(children), computedStatus && React__default["default"].createElement(StyledStatusIndicator, {
+  }, props), React.Children.only(children), computedStatus && React__namespace.default.createElement(StyledStatusIndicator, {
     size: size,
     type: computedStatus,
     surfaceColor: surfaceColor,
     "aria-label": statusLabel,
     role: "img"
-  }, computedStatus === 'active' ? React__default["default"].createElement("span", {
+  }, computedStatus === 'active' ? React__namespace.default.createElement("span", {
     "aria-hidden": "true"
-  }, badge) : React__default["default"].createElement(React__default["default"].Fragment, null, computedStatus === 'away' ? React__default["default"].createElement(ClockIcon, {
+  }, badge) : React__namespace.default.createElement(React__namespace.default.Fragment, null, computedStatus === 'away' ? React__namespace.default.createElement(ClockIcon, {
     "data-icon-status": computedStatus
-  }) : null, computedStatus === 'transfers' ? React__default["default"].createElement(ArrowLeftIcon, {
+  }) : null, computedStatus === 'transfers' ? React__namespace.default.createElement(ArrowLeftIcon, {
     "data-icon-status": computedStatus
   }) : null)));
 });
 AvatarComponent.displayName = 'Avatar';
 AvatarComponent.propTypes = {
-  backgroundColor: PropTypes__default["default"].string,
-  foregroundColor: PropTypes__default["default"].string,
-  surfaceColor: PropTypes__default["default"].string,
-  isSystem: PropTypes__default["default"].bool,
-  badge: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-  size: PropTypes__default["default"].oneOf(SIZE),
-  status: PropTypes__default["default"].oneOf(STATUS),
-  statusLabel: PropTypes__default["default"].string
+  backgroundColor: PropTypes__default.default.string,
+  foregroundColor: PropTypes__default.default.string,
+  surfaceColor: PropTypes__default.default.string,
+  isSystem: PropTypes__default.default.bool,
+  badge: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
+  size: PropTypes__default.default.oneOf(SIZE),
+  status: PropTypes__default.default.oneOf(STATUS),
+  statusLabel: PropTypes__default.default.string
 };
 AvatarComponent.defaultProps = {
   size: 'medium'
@@ -480,26 +477,26 @@ const StatusIndicator = React.forwardRef((_ref, ref) => {
   const ariaLabel = reactTheming.useText(StatusIndicator, {
     'aria-label': label
   }, 'aria-label', defaultLabel);
-  return React__default["default"].createElement(StyledStandaloneStatus, _extends$4({
+  return React__namespace.default.createElement(StyledStandaloneStatus, _extends$4({
     role: "status",
     ref: ref
-  }, props), React__default["default"].createElement(StyledStandaloneStatusIndicator, {
+  }, props), React__namespace.default.createElement(StyledStandaloneStatusIndicator, {
     role: "img",
     type: type,
     size: isCompact ? 'small' : 'medium',
     "aria-label": ariaLabel
-  }, type === 'away' ? React__default["default"].createElement(ClockIcon, {
+  }, type === 'away' ? React__namespace.default.createElement(ClockIcon, {
     "data-icon-status": type,
     "aria-hidden": "true"
-  }) : null, type === 'transfers' ? React__default["default"].createElement(ArrowLeftIcon, {
+  }) : null, type === 'transfers' ? React__namespace.default.createElement(ArrowLeftIcon, {
     "data-icon-status": type,
     "aria-hidden": "true"
-  }) : null), children && React__default["default"].createElement(StyledStandaloneStatusCaption, null, children));
+  }) : null), children && React__namespace.default.createElement(StyledStandaloneStatusCaption, null, children));
 });
 StatusIndicator.displayName = 'StatusIndicator';
 StatusIndicator.propTypes = {
-  type: PropTypes__default["default"].oneOf(STATUS),
-  isCompact: PropTypes__default["default"].bool
+  type: PropTypes__default.default.oneOf(STATUS),
+  isCompact: PropTypes__default.default.bool
 };
 StatusIndicator.defaultProps = {
   type: 'offline'

package/dist/index.esm.js

@@ -125,7 +125,7 @@ const STATUS = ['available', 'away', 'transfers', 'offline'];
 const COMPONENT_ID$6 = 'avatars.text';
 const StyledText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -193,7 +193,7 @@ const colorStyles$2 = props => {
 };
 const StyledStatusIndicatorBase = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStatusIndicatorBase",
   componentId: "sc-1rininy-0"
@@ -232,7 +232,7 @@ const colorStyles$1 = props => {
 };
 const StyledStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStatusIndicator",
   componentId: "sc-16t9if3-0"
@@ -308,7 +308,7 @@ const sizeStyles$1 = props => {
 };
 const StyledAvatar = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -321,7 +321,7 @@ StyledAvatar.defaultProps = {
 const COMPONENT_ID$2 = 'avatars.status-indicator.status';
 const StyledStandaloneStatus = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatus",
   componentId: "sc-1ow4nfj-0"
@@ -337,7 +337,7 @@ function sizeStyles(props) {
 }
 const StyledStandaloneStatusCaption = styled.figcaption.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatusCaption",
   componentId: "sc-aalyk1-0"
@@ -349,7 +349,7 @@ StyledStandaloneStatusCaption.defaultProps = {
 const COMPONENT_ID = 'avatars.status-indicator.indicator';
 const StyledStandaloneStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledStandaloneStatusIndicator",
   componentId: "sc-1xt1heq-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "8.62.0",
+  "version": "8.62.2",
   "description": "Components relating to avatars in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -31,7 +31,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.0",
+    "@zendeskgarden/react-theming": "^8.62.2",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "f8233a46d9732497578dbea9e88f82a3d4bb3678"
+  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
 }