@zendeskgarden/react-avatars 8.57.0 → 8.57.1

package/dist/index.cjs.js

@@ -246,7 +246,7 @@ var STATUS = ['available', 'away', 'transfers', 'offline'];
 var COMPONENT_ID$6 = 'avatars.text';
 var StyledText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -321,7 +321,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledStatusIndicatorBase = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStatusIndicatorBase",
   componentId: "sc-1rininy-0"
@@ -367,7 +367,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledStatusIndicator = styled__default["default"](StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStatusIndicator",
   componentId: "sc-16t9if3-0"
@@ -450,7 +450,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledAvatar = styled__default["default"].figure.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -469,7 +469,7 @@ StyledAvatar.defaultProps = {
 var COMPONENT_ID$2 = 'avatars.status-indicator.status';
 var StyledStandaloneStatus = styled__default["default"].figure.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatus",
   componentId: "sc-1ow4nfj-0"
@@ -487,7 +487,7 @@ function sizeStyles(props) {
 }
 var StyledStandaloneStatusCaption = styled__default["default"].figcaption.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatusCaption",
   componentId: "sc-aalyk1-0"
@@ -501,7 +501,7 @@ StyledStandaloneStatusCaption.defaultProps = {
 var COMPONENT_ID = 'avatars.status-indicator.indicator';
 var StyledStandaloneStatusIndicator = styled__default["default"](StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatusIndicator",
   componentId: "sc-1xt1heq-0"
@@ -594,7 +594,7 @@ var Avatar = AvatarComponent;
 Avatar.Text = Text;
 
 var _excluded = ["children", "type", "isCompact", "aria-label"];
-var StatusIndicatorComponent = React.forwardRef(function (_ref, ref) {
+var StatusIndicator = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       type = _ref.type,
       isCompact = _ref.isCompact,
@@ -609,7 +609,7 @@ var StatusIndicatorComponent = React.forwardRef(function (_ref, ref) {
   var defaultLabel = React.useMemo(function () {
     return ['status'].concat(type || []).join(': ');
   }, [type]);
-  var ariaLabel = reactTheming.useText(StatusIndicatorComponent, {
+  var ariaLabel = reactTheming.useText(StatusIndicator, {
     'aria-label': label
   }, 'aria-label', defaultLabel);
   return React__default["default"].createElement(StyledStandaloneStatus, _extends$4({
@@ -628,15 +628,14 @@ var StatusIndicatorComponent = React.forwardRef(function (_ref, ref) {
     "aria-hidden": "true"
   }) : null), children && React__default["default"].createElement(StyledStandaloneStatusCaption, null, children));
 });
-StatusIndicatorComponent.displayName = 'StatusIndicator';
-StatusIndicatorComponent.propTypes = {
+StatusIndicator.displayName = 'StatusIndicator';
+StatusIndicator.propTypes = {
   type: PropTypes__default["default"].oneOf(STATUS),
   isCompact: PropTypes__default["default"].bool
 };
-StatusIndicatorComponent.defaultProps = {
+StatusIndicator.defaultProps = {
   type: 'offline'
 };
-var StatusIndicator = StatusIndicatorComponent;
 
 exports.Avatar = Avatar;
 exports.StatusIndicator = StatusIndicator;

package/dist/index.esm.js

@@ -218,7 +218,7 @@ var STATUS = ['available', 'away', 'transfers', 'offline'];
 var COMPONENT_ID$6 = 'avatars.text';
 var StyledText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -293,7 +293,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledStatusIndicatorBase = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStatusIndicatorBase",
   componentId: "sc-1rininy-0"
@@ -339,7 +339,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStatusIndicator",
   componentId: "sc-16t9if3-0"
@@ -422,7 +422,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledAvatar = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -441,7 +441,7 @@ StyledAvatar.defaultProps = {
 var COMPONENT_ID$2 = 'avatars.status-indicator.status';
 var StyledStandaloneStatus = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatus",
   componentId: "sc-1ow4nfj-0"
@@ -459,7 +459,7 @@ function sizeStyles(props) {
 }
 var StyledStandaloneStatusCaption = styled.figcaption.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatusCaption",
   componentId: "sc-aalyk1-0"
@@ -473,7 +473,7 @@ StyledStandaloneStatusCaption.defaultProps = {
 var COMPONENT_ID = 'avatars.status-indicator.indicator';
 var StyledStandaloneStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.57.0'
+  'data-garden-version': '8.57.1'
 }).withConfig({
   displayName: "StyledStandaloneStatusIndicator",
   componentId: "sc-1xt1heq-0"
@@ -566,7 +566,7 @@ var Avatar = AvatarComponent;
 Avatar.Text = Text;
 
 var _excluded = ["children", "type", "isCompact", "aria-label"];
-var StatusIndicatorComponent = forwardRef(function (_ref, ref) {
+var StatusIndicator = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       type = _ref.type,
       isCompact = _ref.isCompact,
@@ -581,7 +581,7 @@ var StatusIndicatorComponent = forwardRef(function (_ref, ref) {
   var defaultLabel = useMemo(function () {
     return ['status'].concat(type || []).join(': ');
   }, [type]);
-  var ariaLabel = useText(StatusIndicatorComponent, {
+  var ariaLabel = useText(StatusIndicator, {
     'aria-label': label
   }, 'aria-label', defaultLabel);
   return React__default.createElement(StyledStandaloneStatus, _extends$4({
@@ -600,14 +600,13 @@ var StatusIndicatorComponent = forwardRef(function (_ref, ref) {
     "aria-hidden": "true"
   }) : null), children && React__default.createElement(StyledStandaloneStatusCaption, null, children));
 });
-StatusIndicatorComponent.displayName = 'StatusIndicator';
-StatusIndicatorComponent.propTypes = {
+StatusIndicator.displayName = 'StatusIndicator';
+StatusIndicator.propTypes = {
   type: PropTypes.oneOf(STATUS),
   isCompact: PropTypes.bool
 };
-StatusIndicatorComponent.defaultProps = {
+StatusIndicator.defaultProps = {
   type: 'offline'
 };
-var StatusIndicator = StatusIndicatorComponent;
 
 export { Avatar, StatusIndicator };

package/dist/typings/elements/StatusIndicator.d.ts

@@ -6,4 +6,7 @@
  */
 import React from 'react';
 import { IStatusIndicatorProps } from '../types';
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
 export declare const StatusIndicator: React.ForwardRefExoticComponent<IStatusIndicatorProps & React.RefAttributes<HTMLElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "8.57.0",
+  "version": "8.57.1",
   "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.57.0",
+    "@zendeskgarden/react-theming": "^8.57.1",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "165b6a453118f93e9e760642b632ce3d31e3a231"
+  "gitHead": "3e903f3c7013221ef01d3f81a50489505490be7b"
 }