@zendeskgarden/react-avatars 8.47.2 → 8.48.0

package/dist/index.cjs.js

@@ -78,7 +78,7 @@ function _objectWithoutProperties(source, excluded) {
 var COMPONENT_ID$1 = 'avatars.text';
 var StyledText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -205,7 +205,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledAvatar = styled__default["default"].figure.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).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,
@@ -248,8 +256,8 @@ var Avatar = React__default["default"].forwardRef(function (_ref, ref) {
     "aria-live": "polite"
   }, other), React.Children.only(children));
 });
-Avatar.displayName = 'Avatar';
-Avatar.propTypes = {
+AvatarComponent.displayName = 'Avatar';
+AvatarComponent.propTypes = {
   backgroundColor: PropTypes__default["default"].string,
   foregroundColor: PropTypes__default["default"].string,
   surfaceColor: PropTypes__default["default"].string,
@@ -258,9 +266,10 @@ Avatar.propTypes = {
   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.2'
+  'data-garden-version': '8.48.0'
 }).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.2'
+  'data-garden-version': '8.48.0'
 }).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.2",
+  "version": "8.48.0",
   "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.2"
+    "@zendeskgarden/react-theming": "^8.48.0"
   },
   "keywords": [
     "components",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }