@zendeskgarden/react-tags 9.0.0-next.21 → 9.0.0-next.23

package/dist/esm/styled/StyledAvatar.js

@@ -10,7 +10,7 @@ import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME } from '@zendesk
 const COMPONENT_ID = 'tags.avatar';
 const StyledAvatar = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"

package/dist/esm/styled/StyledClose.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'tags.close';
 const StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-d6lrpn-0"

package/dist/esm/styled/StyledTag.js

@@ -185,7 +185,7 @@ const sizeStyles = props => {
 };
 const StyledTag = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"

package/dist/index.cjs.js

@@ -41,7 +41,7 @@ const SIZE = ['small', 'medium', 'large'];
 const COMPONENT_ID$2 = 'tags.avatar';
 const StyledAvatar = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"
@@ -53,7 +53,7 @@ StyledAvatar.defaultProps = {
 const COMPONENT_ID$1 = 'tags.close';
 const StyledClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-d6lrpn-0"
@@ -237,7 +237,7 @@ const sizeStyles = props => {
 };
 const StyledTag = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"

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

@@ -8,10 +8,12 @@ import React from 'react';
 import { ITagProps } from '../types';
 import { Close } from './Close';
 import { Avatar } from './Avatar';
+declare const TagComponent: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Tag: typeof TagComponent & {
     Avatar: typeof Avatar;
     Close: typeof Close;
 };
+export {};

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

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledAvatar: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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

@@ -10,10 +10,13 @@ export interface ITagProps extends HTMLAttributes<HTMLDivElement> {
     /** Adjusts font size and padding */
     size?: (typeof SIZE)[number];
     /**
-     * Sets the color of the tag. Refer to
-     * theming [colors](components/theme-object#colors)
-     * or [PALETTE](/components/palette#palette)
-     * for available colors. Accepts any hex value.
+     * Sets the color of the tag. Refer to theming
+     * [colors](components/theme-object#colors) or
+     * [PALETTE](/components/palette#palette) for available colors. Use [primary
+     * hues](/design/color#primary-colors) – `blue`, `green`, `grey`, `kale`,
+     * `red`, `yellow` or `primaryHue`, `successHue`, `neutralHue`, `chromeHue`,
+     * `dangerHue`, `warningHue`  – to apply color based on light/dark mode.
+     * Accepts any hex value.
      */
     hue?: string;
     /** Applies pill styling */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tags",
-  "version": "9.0.0-next.21",
+  "version": "9.0.0-next.23",
   "description": "Components relating to tags in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -27,13 +27,13 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.21",
-    "@zendeskgarden/svg-icons": "7.1.1"
+    "@zendeskgarden/react-theming": "^9.0.0-next.23",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }