@zendeskgarden/react-avatars 8.47.1 → 8.48.2

package/dist/index.cjs.js

@@ -76,9 +76,9 @@ function _objectWithoutProperties(source, excluded) {
 }
 
 var COMPONENT_ID$1 = 'avatars.text';
-var StyledText = styled__default['default'].span.attrs({
+var StyledText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -203,9 +203,9 @@ var sizeStyles = function sizeStyles(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);
 };
-var StyledAvatar = styled__default['default'].figure.attrs({
+var StyledAvatar = styled__default["default"].figure.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -223,8 +223,16 @@ StyledAvatar.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
+var TextComponent = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledText, _extends({
+    ref: ref
+  }, props));
+});
+TextComponent.displayName = 'Avatar.Text';
+var Text = TextComponent;
+
 var _excluded = ["isSystem", "size", "status", "children", "badge", "surfaceColor", "backgroundColor", "foregroundColor"];
-var Avatar = React__default['default'].forwardRef(function (_ref, ref) {
+var AvatarComponent = React.forwardRef(function (_ref, ref) {
   var isSystem = _ref.isSystem,
       size = _ref.size,
       status = _ref.status,
@@ -235,7 +243,7 @@ var Avatar = React__default['default'].forwardRef(function (_ref, ref) {
       foregroundColor = _ref.foregroundColor,
       other = _objectWithoutProperties(_ref, _excluded);
   var computedStatus = badge === undefined ? status : 'active';
-  return React__default['default'].createElement(StyledAvatar, _extends({
+  return React__default["default"].createElement(StyledAvatar, _extends({
     ref: ref,
     isSystem: isSystem,
     size: size,
@@ -248,19 +256,20 @@ var Avatar = React__default['default'].forwardRef(function (_ref, ref) {
     "aria-live": "polite"
   }, other), React.Children.only(children));
 });
-Avatar.displayName = 'Avatar';
-Avatar.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(['extraextrasmall', 'extrasmall', 'small', 'medium', 'large']),
-  status: PropTypes__default['default'].oneOf(['available', 'away'])
+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(['extraextrasmall', 'extrasmall', 'small', 'medium', 'large']),
+  status: PropTypes__default["default"].oneOf(['available', 'away'])
 };
-Avatar.defaultProps = {
+AvatarComponent.defaultProps = {
   size: 'medium'
 };
-Avatar.Text = StyledText;
+var Avatar = AvatarComponent;
+Avatar.Text = Text;
 
 exports.Avatar = Avatar;

package/dist/index.esm.js

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React, { Children } from 'react';
+import React, { forwardRef, Children } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css, keyframes } from 'styled-components';
 import { math } from 'polished';
@@ -68,7 +68,7 @@ function _objectWithoutProperties(source, excluded) {
 var COMPONENT_ID$1 = 'avatars.text';
 var StyledText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -195,7 +195,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledAvatar = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -213,8 +213,16 @@ StyledAvatar.defaultProps = {
   theme: DEFAULT_THEME
 };
 
+var TextComponent = forwardRef(function (props, ref) {
+  return React.createElement(StyledText, _extends({
+    ref: ref
+  }, props));
+});
+TextComponent.displayName = 'Avatar.Text';
+var Text = TextComponent;
+
 var _excluded = ["isSystem", "size", "status", "children", "badge", "surfaceColor", "backgroundColor", "foregroundColor"];
-var Avatar = React.forwardRef(function (_ref, ref) {
+var AvatarComponent = forwardRef(function (_ref, ref) {
   var isSystem = _ref.isSystem,
       size = _ref.size,
       status = _ref.status,
@@ -238,8 +246,8 @@ var Avatar = React.forwardRef(function (_ref, ref) {
     "aria-live": "polite"
   }, other), Children.only(children));
 });
-Avatar.displayName = 'Avatar';
-Avatar.propTypes = {
+AvatarComponent.displayName = 'Avatar';
+AvatarComponent.propTypes = {
   backgroundColor: PropTypes.string,
   foregroundColor: PropTypes.string,
   surfaceColor: PropTypes.string,
@@ -248,9 +256,10 @@ Avatar.propTypes = {
   size: PropTypes.oneOf(['extraextrasmall', 'extrasmall', 'small', 'medium', 'large']),
   status: PropTypes.oneOf(['available', 'away'])
 };
-Avatar.defaultProps = {
+AvatarComponent.defaultProps = {
   size: 'medium'
 };
-Avatar.Text = StyledText;
+var Avatar = AvatarComponent;
+Avatar.Text = Text;
 
 export { Avatar };

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-import { StyledText } from '../styled';
+import { Text } from './components/Text';
 export interface IAvatarProps extends HTMLAttributes<HTMLElement> {
     /** Sets the avatar background color */
     backgroundColor?: string;
@@ -22,10 +22,9 @@ export interface IAvatarProps extends HTMLAttributes<HTMLElement> {
     /** Sets the badge text and applies active styling */
     badge?: string | number;
 }
-declare const _default: React.FunctionComponent<IAvatarProps & React.RefAttributes<HTMLElement>> & {
-    Text: typeof StyledText;
-};
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export default _default;
+export declare const Avatar: React.ForwardRefExoticComponent<IAvatarProps & React.RefAttributes<HTMLElement>> & {
+    Text: typeof Text;
+};

package/dist/typings/elements/components/Text.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLSpanElement>
+ */
+export declare const Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;

package/dist/typings/index.d.ts

@@ -4,5 +4,5 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { default as Avatar } from './elements/Avatar';
+export { Avatar } from './elements/Avatar';
 export type { IAvatarProps } from './elements/Avatar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "8.47.1",
+  "version": "8.48.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.47.1"
+    "@zendeskgarden/react-theming": "^8.48.2"
   },
   "keywords": [
     "components",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "c514c351b0973fe1f9853853c536d4fac10f4ce4"
 }