@zendeskgarden/react-avatars 8.49.2 → 8.50.0

package/dist/index.cjs.js

@@ -75,10 +75,13 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+var SIZE = ['extraextrasmall', 'extrasmall', 'small', 'medium', 'large'];
+var STATUS = ['available', 'away'];
+
 var COMPONENT_ID$1 = 'avatars.text';
 var StyledText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -205,7 +208,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledAvatar = styled__default["default"].figure.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -263,8 +266,8 @@ AvatarComponent.propTypes = {
   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'])
+  size: PropTypes__default["default"].oneOf(SIZE),
+  status: PropTypes__default["default"].oneOf(STATUS)
 };
 AvatarComponent.defaultProps = {
   size: 'medium'

package/dist/index.esm.js

@@ -65,10 +65,13 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+var SIZE = ['extraextrasmall', 'extrasmall', 'small', 'medium', 'large'];
+var STATUS = ['available', 'away'];
+
 var COMPONENT_ID$1 = 'avatars.text';
 var StyledText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledText",
   componentId: "sc-1a6hivh-0"
@@ -195,7 +198,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledAvatar = styled.figure.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-608m04-0"
@@ -253,8 +256,8 @@ AvatarComponent.propTypes = {
   surfaceColor: PropTypes.string,
   isSystem: PropTypes.bool,
   badge: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.oneOf(['extraextrasmall', 'extrasmall', 'small', 'medium', 'large']),
-  status: PropTypes.oneOf(['available', 'away'])
+  size: PropTypes.oneOf(SIZE),
+  status: PropTypes.oneOf(STATUS)
 };
 AvatarComponent.defaultProps = {
   size: 'medium'

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

@@ -4,24 +4,9 @@
  * 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, { HTMLAttributes } from 'react';
+import React from 'react';
+import { IAvatarProps } from '../types';
 import { Text } from './components/Text';
-export interface IAvatarProps extends HTMLAttributes<HTMLElement> {
-    /** Sets the avatar background color */
-    backgroundColor?: string;
-    /** Sets the color for child SVG or `Avatar.Text` components */
-    foregroundColor?: string;
-    /** Provides surface color for an avatar placed on a non-white background */
-    surfaceColor?: string;
-    /** Applies system styling for representing objects, brands, or products */
-    isSystem?: boolean;
-    /** Specifies the avatar size */
-    size?: 'extraextrasmall' | 'extrasmall' | 'small' | 'medium' | 'large';
-    /** Applies status styling */
-    status?: 'available' | 'away';
-    /** Sets the badge text and applies active styling */
-    badge?: string | number;
-}
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

package/dist/typings/index.d.ts

@@ -5,4 +5,4 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Avatar } from './elements/Avatar';
-export type { IAvatarProps } from './elements/Avatar';
+export type { IAvatarProps } from './types';

package/dist/typings/styled/StyledAvatar.d.ts

@@ -5,13 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export interface IStyledAvatarProps {
-    backgroundColor?: string;
-    foregroundColor?: string;
-    surfaceColor?: string;
-    isSystem?: boolean;
-    size?: 'extraextrasmall' | 'extrasmall' | 'small' | 'medium' | 'large';
-    status?: 'available' | 'active' | 'away';
+import { IAvatarProps } from '../types';
+export interface IStyledAvatarProps extends Pick<IAvatarProps, 'backgroundColor' | 'foregroundColor' | 'surfaceColor' | 'isSystem' | 'size'> {
+    status?: IAvatarProps['status'] | 'active';
 }
 /**
  * Accepts all `<figure>` props

package/dist/typings/types/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 { HTMLAttributes } from 'react';
+export declare const SIZE: readonly ["extraextrasmall", "extrasmall", "small", "medium", "large"];
+export declare const STATUS: readonly ["available", "away"];
+export interface IAvatarProps extends HTMLAttributes<HTMLElement> {
+    /** Sets the avatar background color */
+    backgroundColor?: string;
+    /** Sets the color for child SVG or `Avatar.Text` components */
+    foregroundColor?: string;
+    /** Provides surface color for an avatar placed on a non-white background */
+    surfaceColor?: string;
+    /** Applies system styling for representing objects, brands, or products */
+    isSystem?: boolean;
+    /** Specifies the avatar size */
+    size?: typeof SIZE[number];
+    /** Applies status styling */
+    status?: typeof STATUS[number];
+    /** Sets the badge text and applies active styling */
+    badge?: string | number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "8.49.2",
+  "version": "8.50.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.49.2"
+    "@zendeskgarden/react-theming": "^8.50.0"
   },
   "keywords": [
     "components",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fd7769285a2f4bc1169c63f4db57a85a6e793027"
+  "gitHead": "d5b66e1980faf0fd40818c9e74801dfa1c3550a0"
 }