@zendeskgarden/react-tags 9.12.3 → 9.12.4

package/dist/esm/elements/Tag.js

@@ -13,24 +13,21 @@ import '../styled/StyledClose.js';
 import { Close } from './Close.js';
 import { Avatar } from './Avatar.js';
 
-const TagComponent = forwardRef((_ref, ref) => {
-  let {
-    isPill,
-    isRound,
-    isRegular,
-    size = 'medium',
-    hue,
-    ...other
-  } = _ref;
-  return React__default.createElement(StyledTag, Object.assign({
-    $hue: hue,
-    $isPill: isPill,
-    $isRegular: isRegular,
-    $isRound: isRound,
-    $size: size,
-    ref: ref
-  }, other));
-});
+const TagComponent = forwardRef(({
+  isPill,
+  isRound,
+  isRegular,
+  size = 'medium',
+  hue,
+  ...other
+}, ref) => React__default.createElement(StyledTag, Object.assign({
+  $hue: hue,
+  $isPill: isPill,
+  $isRegular: isRegular,
+  $isRound: isRound,
+  $size: size,
+  ref: ref
+}, other)));
 TagComponent.displayName = 'Tag';
 TagComponent.propTypes = {
   size: PropTypes.oneOf(SIZE),

package/dist/esm/styled/StyledAvatar.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { StyledBaseIcon, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'tags.avatar';
+const COMPONENT_ID$2 = 'tags.avatar';
 const StyledAvatar = styled(StyledBaseIcon).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"

package/dist/esm/styled/StyledClose.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'tags.close';
+const COMPONENT_ID$1 = 'tags.close';
 const StyledClose = styled.button.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-d6lrpn-0"

package/dist/esm/styled/StyledTag.js

@@ -5,17 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { readableColor, math } from 'polished';
-import { SELECTOR_FOCUS_VISIBLE, componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { math, readableColor } from 'polished';
+import { SELECTOR_FOCUS_VISIBLE, componentStyles, getLineHeight, getColor, focusStyles } from '@zendeskgarden/react-theming';
 import { StyledAvatar } from './StyledAvatar.js';
 import { StyledClose } from './StyledClose.js';
 
 const COMPONENT_ID = 'tags.tag_view';
-const colorStyles = _ref => {
-  let {
-    theme,
-    $hue
-  } = _ref;
+const colorStyles = ({
+  theme,
+  $hue
+}) => {
   let backgroundColor;
   let foregroundColor;
   if ($hue) {
@@ -135,13 +134,12 @@ const colorStyles = _ref => {
     selector: '&:focus'
   }));
 };
-const sizeStyles = _ref2 => {
-  let {
-    $isPill,
-    $isRound,
-    $size,
-    theme
-  } = _ref2;
+const sizeStyles = ({
+  $isPill,
+  $isRound,
+  $size,
+  theme
+}) => {
   let borderRadius;
   let padding;
   let height;
@@ -191,7 +189,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledTag = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3',
+  'data-garden-version': '9.12.4',
   $size: props.$size ?? 'medium'
 })).withConfig({
   displayName: "StyledTag",

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.12.3'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"
@@ -50,18 +50,17 @@ const StyledAvatar = styled__default.default(reactTheming.StyledBaseIcon).attrs(
 const COMPONENT_ID$1 = 'tags.close';
 const StyledClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.12.3'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-d6lrpn-0"
 })(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:", ";border:0;background:transparent;cursor:pointer;padding:0;color:inherit;font-size:0;appearance:none;&:hover{opacity:", ";}&:focus{outline:none;}&:active{opacity:", ";}", ";"], props => props.theme.opacity[1000], props => props.theme.opacity[1100], props => props.theme.opacity[1200], reactTheming.componentStyles);
 
 const COMPONENT_ID = 'tags.tag_view';
-const colorStyles = _ref => {
-  let {
-    theme,
-    $hue
-  } = _ref;
+const colorStyles = ({
+  theme,
+  $hue
+}) => {
   let backgroundColor;
   let foregroundColor;
   if ($hue) {
@@ -181,13 +180,12 @@ const colorStyles = _ref => {
     selector: '&:focus'
   }));
 };
-const sizeStyles = _ref2 => {
-  let {
-    $isPill,
-    $isRound,
-    $size,
-    theme
-  } = _ref2;
+const sizeStyles = ({
+  $isPill,
+  $isRound,
+  $size,
+  theme
+}) => {
   let borderRadius;
   let padding;
   let height;
@@ -237,7 +235,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledTag = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3',
+  'data-garden-version': '9.12.4',
   $size: props.$size ?? 'medium'
 })).withConfig({
   displayName: "StyledTag",
@@ -278,24 +276,21 @@ const AvatarComponent = props => React__namespace.default.createElement(StyledAv
 AvatarComponent.displayName = 'Tag.Avatar';
 const Avatar = AvatarComponent;
 
-const TagComponent = React.forwardRef((_ref, ref) => {
-  let {
-    isPill,
-    isRound,
-    isRegular,
-    size = 'medium',
-    hue,
-    ...other
-  } = _ref;
-  return React__namespace.default.createElement(StyledTag, Object.assign({
-    $hue: hue,
-    $isPill: isPill,
-    $isRegular: isRegular,
-    $isRound: isRound,
-    $size: size,
-    ref: ref
-  }, other));
-});
+const TagComponent = React.forwardRef(({
+  isPill,
+  isRound,
+  isRegular,
+  size = 'medium',
+  hue,
+  ...other
+}, ref) => React__namespace.default.createElement(StyledTag, Object.assign({
+  $hue: hue,
+  $isPill: isPill,
+  $isRegular: isRegular,
+  $isRound: isRound,
+  $size: size,
+  ref: ref
+}, other)));
 TagComponent.displayName = 'Tag';
 TagComponent.propTypes = {
   size: PropTypes__default.default.oneOf(SIZE),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tags",
-  "version": "9.12.3",
+  "version": "9.12.4",
   "description": "Components relating to tags in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,8 +32,8 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.12.3",
-    "@zendeskgarden/svg-icons": "7.5.0"
+    "@zendeskgarden/react-theming": "^9.12.4",
+    "@zendeskgarden/svg-icons": "7.6.0"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "2780bf3aea7009ed84ef10d85e290947d7d8f97e"
+  "gitHead": "e79e9687e6bcbd097c059add2938cdae59a5173b"
 }