@zendeskgarden/react-buttons 9.11.0 → 9.11.2

package/dist/esm/elements/Button.js

@@ -27,7 +27,7 @@ const ButtonComponent = forwardRef((_ref, ref) => {
     isPill,
     isPrimary,
     isStretched,
-    size,
+    size = 'medium',
     ...other
   } = _ref;
   const splitButtonFocusInset = useSplitButtonContext();
@@ -57,9 +57,6 @@ ButtonComponent.propTypes = {
   isStretched: PropTypes.bool,
   size: PropTypes.oneOf(SIZE)
 };
-ButtonComponent.defaultProps = {
-  size: 'medium'
-};
 const Button = ButtonComponent;
 Button.EndIcon = EndIcon;
 Button.StartIcon = StartIcon;

package/dist/esm/elements/ChevronButton.js

@@ -8,15 +8,21 @@ import React__default, { forwardRef } from 'react';
 import { IconButton } from './IconButton.js';
 import SvgChevronDownStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js';
 
-const ChevronButton = forwardRef((props, ref) => React__default.createElement(IconButton, Object.assign({
-  ref: ref
-}, props), React__default.createElement(SvgChevronDownStroke, null)));
+const ChevronButton = forwardRef((_ref, ref) => {
+  let {
+    isBasic = false,
+    isPill = false,
+    size = 'medium',
+    ...props
+  } = _ref;
+  return React__default.createElement(IconButton, Object.assign({
+    ref: ref,
+    isBasic: isBasic,
+    isPill: isPill,
+    size: size
+  }, props), React__default.createElement(SvgChevronDownStroke, null));
+});
 ChevronButton.displayName = 'ChevronButton';
 ChevronButton.propTypes = IconButton.propTypes;
-ChevronButton.defaultProps = {
-  isBasic: false,
-  isPill: false,
-  size: 'medium'
-};
 
 export { ChevronButton };

package/dist/esm/elements/IconButton.js

@@ -19,13 +19,13 @@ const IconButton = forwardRef((_ref, ref) => {
   let {
     children,
     focusInset,
-    isBasic,
+    isBasic = true,
     isDanger,
     isNeutral,
-    isPill,
+    isPill = true,
     isPrimary,
     isRotated,
-    size,
+    size = 'medium',
     ...other
   } = _ref;
   const splitButtonFocusInset = useSplitButtonContext();
@@ -53,10 +53,5 @@ IconButton.propTypes = {
   isRotated: PropTypes.bool,
   size: PropTypes.oneOf(SIZE)
 };
-IconButton.defaultProps = {
-  isPill: true,
-  isBasic: true,
-  size: 'medium'
-};
 
 export { IconButton };

package/dist/esm/elements/ToggleButton.js

@@ -11,10 +11,12 @@ import { Button } from './Button.js';
 const ToggleButton = forwardRef((_ref, ref) => {
   let {
     isPressed,
+    size = 'medium',
     ...otherProps
   } = _ref;
   return React__default.createElement(Button, Object.assign({
     "aria-pressed": isPressed,
+    size: size,
     ref: ref
   }, otherProps));
 });
@@ -23,8 +25,5 @@ ToggleButton.propTypes = {
   ...Button.propTypes,
   isPressed: PropTypes.oneOf([true, false, 'mixed'])
 };
-ToggleButton.defaultProps = {
-  size: 'medium'
-};
 
 export { ToggleButton };

package/dist/esm/elements/ToggleIconButton.js

@@ -11,10 +11,16 @@ import { IconButton } from './IconButton.js';
 const ToggleIconButton = forwardRef((_ref, ref) => {
   let {
     isPressed,
+    isPill = true,
+    isBasic = true,
+    size = 'medium',
     ...otherProps
   } = _ref;
   return React__default.createElement(IconButton, Object.assign({
     "aria-pressed": isPressed,
+    isPill: isPill,
+    isBasic: isBasic,
+    size: size,
     ref: ref
   }, otherProps));
 });
@@ -23,10 +29,5 @@ ToggleIconButton.propTypes = {
   ...IconButton.propTypes,
   isPressed: PropTypes.oneOf([true, false, 'mixed'])
 };
-ToggleIconButton.defaultProps = {
-  isPill: true,
-  isBasic: true,
-  size: 'medium'
-};
 
 export { ToggleIconButton };

package/dist/esm/styled/StyledAnchor.js

@@ -11,7 +11,7 @@ import { StyledButton } from './StyledButton.js';
 const COMPONENT_ID = 'buttons.anchor';
 const StyledAnchor = styled(StyledButton).attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.0',
+  'data-garden-version': '9.11.2',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   $isLink: true,

package/dist/esm/styled/StyledButton.js

@@ -308,7 +308,7 @@ const sizeStyles = props => {
 };
 const StyledButton = styled.button.attrs(props => ({
   'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
-  'data-garden-version': '9.11.0',
+  'data-garden-version': '9.11.2',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",

package/dist/esm/styled/StyledExternalIcon.js

@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'buttons.external_icon';
 const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"

package/dist/esm/styled/StyledIcon.js

@@ -19,7 +19,7 @@ const sizeStyles = props => {
 };
 const StyledIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"

package/dist/esm/styled/StyledIconButton.js

@@ -51,7 +51,7 @@ const StyledIconButton = styled(StyledButton).attrs(props => {
   const externalId = props['data-garden-id'];
   return {
     'data-garden-id': externalId && externalId !== COMPONENT_ID$1 ? externalId : COMPONENT_ID,
-    'data-garden-version': '9.11.0'
+    'data-garden-version': '9.11.2'
   };
 }).withConfig({
   displayName: "StyledIconButton",

package/dist/esm/styled/StyledSplitButton.js

@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'buttons.button_group_view';
 const StyledSplitButton = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledSplitButton",
   componentId: "sc-1u4v04v-0"

package/dist/index.cjs.js

@@ -41,7 +41,7 @@ const SIZE = ['small', 'medium', 'large'];
 const COMPONENT_ID$5 = 'buttons.button_group_view';
 const StyledSplitButton = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledSplitButton",
   componentId: "sc-1u4v04v-0"
@@ -59,7 +59,7 @@ const sizeStyles$1 = props => {
 };
 const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -363,7 +363,7 @@ const sizeStyles = props => {
 };
 const StyledButton = styled__default.default.button.attrs(props => ({
   'data-garden-id': props['data-garden-id'] || COMPONENT_ID$3,
-  'data-garden-version': '9.11.0',
+  'data-garden-version': '9.11.2',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",
@@ -373,7 +373,7 @@ const StyledButton = styled__default.default.button.attrs(props => ({
 const COMPONENT_ID$2 = 'buttons.anchor';
 const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.11.0',
+  'data-garden-version': '9.11.2',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   $isLink: true,
@@ -404,7 +404,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
 const COMPONENT_ID$1 = 'buttons.external_icon';
 const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.11.0'
+  'data-garden-version': '9.11.2'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -452,7 +452,7 @@ const StyledIconButton = styled__default.default(StyledButton).attrs(props => {
   const externalId = props['data-garden-id'];
   return {
     'data-garden-id': externalId && externalId !== COMPONENT_ID$3 ? externalId : COMPONENT_ID,
-    'data-garden-version': '9.11.0'
+    'data-garden-version': '9.11.2'
   };
 }).withConfig({
   displayName: "StyledIconButton",
@@ -500,7 +500,7 @@ const ButtonComponent = React.forwardRef((_ref, ref) => {
     isPill,
     isPrimary,
     isStretched,
-    size,
+    size = 'medium',
     ...other
   } = _ref;
   const splitButtonFocusInset = useSplitButtonContext();
@@ -530,9 +530,6 @@ ButtonComponent.propTypes = {
   isStretched: PropTypes__default.default.bool,
   size: PropTypes__default.default.oneOf(SIZE)
 };
-ButtonComponent.defaultProps = {
-  size: 'medium'
-};
 const Button = ButtonComponent;
 Button.EndIcon = EndIcon;
 Button.StartIcon = StartIcon;
@@ -583,13 +580,13 @@ const IconButton = React.forwardRef((_ref, ref) => {
   let {
     children,
     focusInset,
-    isBasic,
+    isBasic = true,
     isDanger,
     isNeutral,
-    isPill,
+    isPill = true,
     isPrimary,
     isRotated,
-    size,
+    size = 'medium',
     ...other
   } = _ref;
   const splitButtonFocusInset = useSplitButtonContext();
@@ -617,11 +614,6 @@ IconButton.propTypes = {
   isRotated: PropTypes__default.default.bool,
   size: PropTypes__default.default.oneOf(SIZE)
 };
-IconButton.defaultProps = {
-  isPill: true,
-  isBasic: true,
-  size: 'medium'
-};
 
 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); }
@@ -639,16 +631,22 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   })));
 };
 
-const ChevronButton = React.forwardRef((props, ref) => React__namespace.default.createElement(IconButton, Object.assign({
-  ref: ref
-}, props), React__namespace.default.createElement(SvgChevronDownStroke, null)));
+const ChevronButton = React.forwardRef((_ref, ref) => {
+  let {
+    isBasic = false,
+    isPill = false,
+    size = 'medium',
+    ...props
+  } = _ref;
+  return React__namespace.default.createElement(IconButton, Object.assign({
+    ref: ref,
+    isBasic: isBasic,
+    isPill: isPill,
+    size: size
+  }, props), React__namespace.default.createElement(SvgChevronDownStroke, null));
+});
 ChevronButton.displayName = 'ChevronButton';
 ChevronButton.propTypes = IconButton.propTypes;
-ChevronButton.defaultProps = {
-  isBasic: false,
-  isPill: false,
-  size: 'medium'
-};
 
 const SplitButton = React.forwardRef((_ref, ref) => {
   let {
@@ -666,10 +664,12 @@ SplitButton.displayName = 'SplitButton';
 const ToggleButton = React.forwardRef((_ref, ref) => {
   let {
     isPressed,
+    size = 'medium',
     ...otherProps
   } = _ref;
   return React__namespace.default.createElement(Button, Object.assign({
     "aria-pressed": isPressed,
+    size: size,
     ref: ref
   }, otherProps));
 });
@@ -678,17 +678,20 @@ ToggleButton.propTypes = {
   ...Button.propTypes,
   isPressed: PropTypes__default.default.oneOf([true, false, 'mixed'])
 };
-ToggleButton.defaultProps = {
-  size: 'medium'
-};
 
 const ToggleIconButton = React.forwardRef((_ref, ref) => {
   let {
     isPressed,
+    isPill = true,
+    isBasic = true,
+    size = 'medium',
     ...otherProps
   } = _ref;
   return React__namespace.default.createElement(IconButton, Object.assign({
     "aria-pressed": isPressed,
+    isPill: isPill,
+    isBasic: isBasic,
+    size: size,
     ref: ref
   }, otherProps));
 });
@@ -697,11 +700,6 @@ ToggleIconButton.propTypes = {
   ...IconButton.propTypes,
   isPressed: PropTypes__default.default.oneOf([true, false, 'mixed'])
 };
-ToggleIconButton.defaultProps = {
-  isPill: true,
-  isBasic: true,
-  size: 'medium'
-};
 
 exports.Anchor = Anchor;
 exports.Button = Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "9.11.0",
+  "version": "9.11.2",
   "description": "Components relating to buttons in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.11.0",
+    "@zendeskgarden/react-theming": "^9.11.2",
     "@zendeskgarden/svg-icons": "7.5.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "1bde0483c654e7fc3482c7b95741147a01073ef9"
+  "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
 }