@zendeskgarden/react-tags 9.11.1 → 9.11.3

package/dist/esm/elements/Tag.js

@@ -18,7 +18,7 @@ const TagComponent = forwardRef((_ref, ref) => {
     isPill,
     isRound,
     isRegular,
-    size,
+    size = 'medium',
     hue,
     ...other
   } = _ref;
@@ -39,9 +39,6 @@ TagComponent.propTypes = {
   isRound: PropTypes.bool,
   isRegular: PropTypes.bool
 };
-TagComponent.defaultProps = {
-  size: 'medium'
-};
 const Tag = TagComponent;
 Tag.Avatar = Avatar;
 Tag.Close = Close;

package/dist/esm/styled/StyledAvatar.js

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

package/dist/esm/styled/StyledClose.js

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

package/dist/esm/styled/StyledTag.js

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { readableColor, math } from 'polished';
-import { SELECTOR_FOCUS_VISIBLE, componentStyles, DEFAULT_THEME, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { SELECTOR_FOCUS_VISIBLE, componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
 import { StyledAvatar } from './StyledAvatar.js';
 import { StyledClose } from './StyledClose.js';
 
@@ -189,16 +189,13 @@ const sizeStyles = _ref2 => {
   }
   return css(["border-radius:", ";padding:0 ", "px;min-width:", ";height:", "px;line-height:", ";font-size:", ";& > *{width:100%;min-width:", ";}& ", "{margin-", ":-", "px;margin-", ":", "px;border-radius:", ";width:", "px;min-width:", "px;height:", "px;}& ", "{margin-", ":-", "px;border-radius:", ";width:", "px;height:", "px;}"], borderRadius, padding, minWidth ? `${minWidth}px` : `calc(${padding * 2}px + 1ch)`, height, getLineHeight(height, fontSize), fontSize, minWidth ? `${minWidth - padding * 2}px` : '1ch', StyledAvatar, theme.rtl ? 'right' : 'left', padding - avatarMargin, theme.rtl ? 'left' : 'right', avatarTextMargin, avatarBorderRadius, avatarSize, avatarSize, avatarSize, StyledClose, theme.rtl ? 'left' : 'right', padding, borderRadius, height, height);
 };
-const StyledTag = styled.div.attrs({
+const StyledTag = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.1'
-}).withConfig({
+  'data-garden-version': '9.11.3',
+  $size: props.$size ?? 'medium'
+})).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"
 })(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}", "{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], props => props.$isRound && 'center', props => !props.$isRegular && props.theme.fontWeights.semibold, props => props.theme.rtl ? 'rtl' : 'ltr', props => sizeStyles(props), SELECTOR_FOCUS_VISIBLE, props => colorStyles(props), props => props.theme.fontWeights.semibold, StyledAvatar, props => (props.$isRound || props.$size === 'small') && 'none', StyledClose, props => props.$isRound && 'none', componentStyles);
-StyledTag.defaultProps = {
-  $size: 'medium',
-  theme: DEFAULT_THEME
-};
 
 export { 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.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-3kdmgt-0"
@@ -50,7 +50,7 @@ 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.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-d6lrpn-0"
@@ -235,17 +235,14 @@ const sizeStyles = _ref2 => {
   }
   return styled.css(["border-radius:", ";padding:0 ", "px;min-width:", ";height:", "px;line-height:", ";font-size:", ";& > *{width:100%;min-width:", ";}& ", "{margin-", ":-", "px;margin-", ":", "px;border-radius:", ";width:", "px;min-width:", "px;height:", "px;}& ", "{margin-", ":-", "px;border-radius:", ";width:", "px;height:", "px;}"], borderRadius, padding, minWidth ? `${minWidth}px` : `calc(${padding * 2}px + 1ch)`, height, reactTheming.getLineHeight(height, fontSize), fontSize, minWidth ? `${minWidth - padding * 2}px` : '1ch', StyledAvatar, theme.rtl ? 'right' : 'left', padding - avatarMargin, theme.rtl ? 'left' : 'right', avatarTextMargin, avatarBorderRadius, avatarSize, avatarSize, avatarSize, StyledClose, theme.rtl ? 'left' : 'right', padding, borderRadius, height, height);
 };
-const StyledTag = styled__default.default.div.attrs({
+const StyledTag = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.1'
-}).withConfig({
+  'data-garden-version': '9.11.3',
+  $size: props.$size ?? 'medium'
+})).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1jvbe03-0"
 })(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}", "{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], props => props.$isRound && 'center', props => !props.$isRegular && props.theme.fontWeights.semibold, props => props.theme.rtl ? 'rtl' : 'ltr', props => sizeStyles(props), reactTheming.SELECTOR_FOCUS_VISIBLE, props => colorStyles(props), props => props.theme.fontWeights.semibold, StyledAvatar, props => (props.$isRound || props.$size === 'small') && 'none', StyledClose, props => props.$isRound && 'none', reactTheming.componentStyles);
-StyledTag.defaultProps = {
-  $size: 'medium',
-  theme: reactTheming.DEFAULT_THEME
-};
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -286,7 +283,7 @@ const TagComponent = React.forwardRef((_ref, ref) => {
     isPill,
     isRound,
     isRegular,
-    size,
+    size = 'medium',
     hue,
     ...other
   } = _ref;
@@ -307,9 +304,6 @@ TagComponent.propTypes = {
   isRound: PropTypes__default.default.bool,
   isRegular: PropTypes__default.default.bool
 };
-TagComponent.defaultProps = {
-  size: 'medium'
-};
 const Tag = TagComponent;
 Tag.Avatar = Avatar;
 Tag.Close = Close;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tags",
-  "version": "9.11.1",
+  "version": "9.11.3",
   "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": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.11.1",
+    "@zendeskgarden/react-theming": "^9.11.3",
     "@zendeskgarden/svg-icons": "7.5.0"
   },
   "keywords": [
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "c45a8893e0ed1fd9f1cf257b2badf6bbeae90bc0"
+  "gitHead": "3f20a4270555169d6fc00ecd93e85346a5ee50f5"
 }