@zendeskgarden/react-tags 8.47.2 → 8.48.0

package/dist/index.cjs.js

@@ -102,7 +102,7 @@ var StyledAvatar = styled__default["default"](function (_ref) {
   return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"
@@ -116,7 +116,7 @@ StyledAvatar.defaultProps = {
 var COMPONENT_ID$1 = 'tags.close';
 var StyledClose = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.2',
+  'data-garden-version': '8.48.0',
   'aria-label': 'Press delete to remove'
 }).withConfig({
   displayName: "StyledClose",
@@ -201,7 +201,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTag = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"
@@ -248,15 +248,22 @@ var SvgXStroke = function SvgXStroke(props) {
   })));
 };
 
-var Close = React__default["default"].forwardRef(function (props, ref) {
+var CloseComponent = React.forwardRef(function (props, ref) {
   return React__default["default"].createElement(StyledClose, _extends$1({
     ref: ref
   }, props), React__default["default"].createElement(SvgXStroke, null));
 });
-Close.displayName = 'Close';
+CloseComponent.displayName = 'Tag.Close';
+var Close = CloseComponent;
+
+var AvatarComponent = function AvatarComponent(props) {
+  return React__default["default"].createElement(StyledAvatar, props);
+};
+AvatarComponent.displayName = 'Tag.Avatar';
+var Avatar = AvatarComponent;
 
 var _excluded = ["size", "hue"];
-var Tag = React__default["default"].forwardRef(function (_ref, ref) {
+var TagComponent = React.forwardRef(function (_ref, ref) {
   var size = _ref.size,
       hue = _ref.hue,
       otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -266,18 +273,19 @@ var Tag = React__default["default"].forwardRef(function (_ref, ref) {
     hue: hue
   }, otherProps));
 });
-Tag.displayName = 'Tag';
-Tag.propTypes = {
+TagComponent.displayName = 'Tag';
+TagComponent.propTypes = {
   size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
   hue: PropTypes__default["default"].string,
   isPill: PropTypes__default["default"].bool,
   isRound: PropTypes__default["default"].bool,
   isRegular: PropTypes__default["default"].bool
 };
-Tag.defaultProps = {
+TagComponent.defaultProps = {
   size: 'medium'
 };
-Tag.Avatar = StyledAvatar;
+var Tag = TagComponent;
+Tag.Avatar = Avatar;
 Tag.Close = Close;
 
 exports.Tag = Tag;

package/dist/index.esm.js

@@ -6,7 +6,7 @@
  */
 
 import * as React from 'react';
-import React__default, { Children } from 'react';
+import React__default, { Children, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 import { readableColor, math } from 'polished';
@@ -74,7 +74,7 @@ var StyledAvatar = styled(function (_ref) {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"
@@ -88,7 +88,7 @@ StyledAvatar.defaultProps = {
 var COMPONENT_ID$1 = 'tags.close';
 var StyledClose = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.2',
+  'data-garden-version': '8.48.0',
   'aria-label': 'Press delete to remove'
 }).withConfig({
   displayName: "StyledClose",
@@ -173,7 +173,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTag = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"
@@ -220,15 +220,22 @@ var SvgXStroke = function SvgXStroke(props) {
   })));
 };
 
-var Close = React__default.forwardRef(function (props, ref) {
+var CloseComponent = forwardRef(function (props, ref) {
   return React__default.createElement(StyledClose, _extends$1({
     ref: ref
   }, props), React__default.createElement(SvgXStroke, null));
 });
-Close.displayName = 'Close';
+CloseComponent.displayName = 'Tag.Close';
+var Close = CloseComponent;
+
+var AvatarComponent = function AvatarComponent(props) {
+  return React__default.createElement(StyledAvatar, props);
+};
+AvatarComponent.displayName = 'Tag.Avatar';
+var Avatar = AvatarComponent;
 
 var _excluded = ["size", "hue"];
-var Tag = React__default.forwardRef(function (_ref, ref) {
+var TagComponent = forwardRef(function (_ref, ref) {
   var size = _ref.size,
       hue = _ref.hue,
       otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -238,18 +245,19 @@ var Tag = React__default.forwardRef(function (_ref, ref) {
     hue: hue
   }, otherProps));
 });
-Tag.displayName = 'Tag';
-Tag.propTypes = {
+TagComponent.displayName = 'Tag';
+TagComponent.propTypes = {
   size: PropTypes.oneOf(['small', 'medium', 'large']),
   hue: PropTypes.string,
   isPill: PropTypes.bool,
   isRound: PropTypes.bool,
   isRegular: PropTypes.bool
 };
-Tag.defaultProps = {
+TagComponent.defaultProps = {
   size: 'medium'
 };
-Tag.Avatar = StyledAvatar;
+var Tag = TagComponent;
+Tag.Avatar = Avatar;
 Tag.Close = Close;
 
 export { Tag };

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

@@ -0,0 +1,14 @@
+/**
+ * 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';
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
+export declare const Avatar: {
+    (props: HTMLAttributes<HTMLElement>): JSX.Element;
+    displayName: string;
+};

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

@@ -8,5 +8,4 @@ import React from 'react';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-declare const Close: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default Close;
+export declare const Close: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-import { StyledAvatar } from '../styled';
-import Close from './Close';
+import { Close } from './Close';
+import { Avatar } from './Avatar';
 export interface ITagProps extends HTMLAttributes<HTMLDivElement> {
     /** Adjusts font size and padding */
     size?: 'small' | 'medium' | 'large';
@@ -23,8 +23,10 @@ export interface ITagProps extends HTMLAttributes<HTMLDivElement> {
     /** Applies regular (non-bold) font weight */
     isRegular?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
-    Avatar: typeof StyledAvatar;
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
+    Avatar: typeof Avatar;
     Close: typeof Close;
 };
-export default _default;

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 Tag } from './elements/Tag';
+export { Tag } from './elements/Tag';
 export type { ITagProps } from './elements/Tag';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tags",
-  "version": "8.47.2",
+  "version": "8.48.0",
   "description": "Components relating to tags in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.47.2",
+    "@zendeskgarden/react-theming": "^8.48.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }