@zendeskgarden/react-buttons 8.49.2 → 8.50.0

package/dist/index.cjs.js

@@ -136,10 +136,12 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+var SIZE = ['small', 'medium', 'large'];
+
 var COMPONENT_ID$5 = 'buttons.button_group_view';
 var StyledButtonGroup = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -171,7 +173,7 @@ var StyledIcon = styled__default["default"](function (_ref) {
   return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -187,11 +189,6 @@ StyledIcon.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'buttons.button';
-var SIZE = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large'
-};
 var getBorderRadius = function getBorderRadius(props) {
   if (props.isLink) {
     return 0;
@@ -204,9 +201,9 @@ var getDisabledBackgroundColor = function getDisabledBackgroundColor(props) {
   return reactTheming.getColor('neutralHue', 200, props.theme);
 };
 var getHeight = function getHeight(props) {
-  if (props.size === SIZE.SMALL) {
+  if (props.size === 'small') {
     return "".concat(props.theme.space.base * 8, "px");
-  } else if (props.size === SIZE.LARGE) {
+  } else if (props.size === 'large') {
     return "".concat(props.theme.space.base * 12, "px");
   }
   return "".concat(props.theme.space.base * 10, "px");
@@ -262,12 +259,12 @@ var sizeStyles = function sizeStyles(props) {
     var lineHeight = polished.math("".concat(height, " - (").concat(props.theme.borderWidths.sm, " * 2)"));
     var padding;
     var fontSize;
-    if (props.size === SIZE.SMALL) {
+    if (props.size === 'small') {
       fontSize = props.theme.fontSizes.sm;
       padding = "".concat(props.theme.space.base * 3, "px");
     } else {
       fontSize = props.theme.fontSizes.md;
-      if (props.size === SIZE.LARGE) {
+      if (props.size === 'large') {
         padding = "".concat(props.theme.space.base * 5, "px");
       } else {
         padding = "".concat(props.theme.space.base * 4, "px");
@@ -280,7 +277,7 @@ var sizeStyles = function sizeStyles(props) {
 var StyledButton = styled__default["default"].button.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     type: props.type || 'button'
   };
 }).withConfig({
@@ -333,7 +330,7 @@ var COMPONENT_ID$2 = 'buttons.anchor';
 var StyledAnchor = styled__default["default"](StyledButton).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     as: 'a',
     dir: props.theme.rtl ? 'rtl' : undefined,
     isLink: true,
@@ -374,7 +371,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
 var COMPONENT_ID$1 = 'buttons.external_icon';
 var StyledExternalIcon = styled__default["default"](SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -405,7 +402,7 @@ var iconStyles = function iconStyles(props) {
 };
 var StyledIconButton = styled__default["default"](StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"
@@ -477,7 +474,7 @@ ButtonComponent.propTypes = {
   isLink: PropTypes__default["default"].bool,
   isStretched: PropTypes__default["default"].bool,
   isSelected: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(SIZE)
 };
 ButtonComponent.defaultProps = {
   size: 'medium'
@@ -557,7 +554,7 @@ var IconButton = React.forwardRef(function (_ref, ref) {
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
   isDanger: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
+  size: PropTypes__default["default"].oneOf(SIZE),
   isNeutral: PropTypes__default["default"].bool,
   isPrimary: PropTypes__default["default"].bool,
   isBasic: PropTypes__default["default"].bool,

package/dist/index.esm.js

@@ -108,10 +108,12 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+var SIZE = ['small', 'medium', 'large'];
+
 var COMPONENT_ID$5 = 'buttons.button_group_view';
 var StyledButtonGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -143,7 +145,7 @@ var StyledIcon = styled(function (_ref) {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -159,11 +161,6 @@ StyledIcon.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'buttons.button';
-var SIZE = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large'
-};
 var getBorderRadius = function getBorderRadius(props) {
   if (props.isLink) {
     return 0;
@@ -176,9 +173,9 @@ var getDisabledBackgroundColor = function getDisabledBackgroundColor(props) {
   return getColor('neutralHue', 200, props.theme);
 };
 var getHeight = function getHeight(props) {
-  if (props.size === SIZE.SMALL) {
+  if (props.size === 'small') {
     return "".concat(props.theme.space.base * 8, "px");
-  } else if (props.size === SIZE.LARGE) {
+  } else if (props.size === 'large') {
     return "".concat(props.theme.space.base * 12, "px");
   }
   return "".concat(props.theme.space.base * 10, "px");
@@ -234,12 +231,12 @@ var sizeStyles = function sizeStyles(props) {
     var lineHeight = math("".concat(height, " - (").concat(props.theme.borderWidths.sm, " * 2)"));
     var padding;
     var fontSize;
-    if (props.size === SIZE.SMALL) {
+    if (props.size === 'small') {
       fontSize = props.theme.fontSizes.sm;
       padding = "".concat(props.theme.space.base * 3, "px");
     } else {
       fontSize = props.theme.fontSizes.md;
-      if (props.size === SIZE.LARGE) {
+      if (props.size === 'large') {
         padding = "".concat(props.theme.space.base * 5, "px");
       } else {
         padding = "".concat(props.theme.space.base * 4, "px");
@@ -252,7 +249,7 @@ var sizeStyles = function sizeStyles(props) {
 var StyledButton = styled.button.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     type: props.type || 'button'
   };
 }).withConfig({
@@ -305,7 +302,7 @@ var COMPONENT_ID$2 = 'buttons.anchor';
 var StyledAnchor = styled(StyledButton).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     as: 'a',
     dir: props.theme.rtl ? 'rtl' : undefined,
     isLink: true,
@@ -346,7 +343,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
 var COMPONENT_ID$1 = 'buttons.external_icon';
 var StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -377,7 +374,7 @@ var iconStyles = function iconStyles(props) {
 };
 var StyledIconButton = styled(StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"
@@ -449,7 +446,7 @@ ButtonComponent.propTypes = {
   isLink: PropTypes.bool,
   isStretched: PropTypes.bool,
   isSelected: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium', 'large'])
+  size: PropTypes.oneOf(SIZE)
 };
 ButtonComponent.defaultProps = {
   size: 'medium'
@@ -529,7 +526,7 @@ var IconButton = forwardRef(function (_ref, ref) {
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
   isDanger: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  size: PropTypes.oneOf(SIZE),
   isNeutral: PropTypes.bool,
   isPrimary: PropTypes.bool,
   isBasic: PropTypes.bool,

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

@@ -4,17 +4,8 @@
  * 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 React, { AnchorHTMLAttributes } from 'react';
-export interface IAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Applies danger styling */
-    isDanger?: boolean;
-    /**
-     * Attaches `target="_blank"` and `rel="noopener noreferrer"` to an anchor that
-     * navigates to an external resource. This ensures that the anchor is a
-     * safe [cross-origin destination link](https://web.dev/external-anchors-use-rel-noopener/).
-     **/
-    isExternal?: boolean;
-}
+import React from 'react';
+import { IAnchorProps } from '../types';
 /**
  * @extends AnchorHTMLAttributes<HTMLAnchorElement>
  */

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

@@ -4,7 +4,8 @@
  * 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 React, { ButtonHTMLAttributes, SVGAttributes } from 'react';
+import React, { SVGAttributes } from 'react';
+import { IButtonProps } from '../types';
 import { StartIcon } from './components/StartIcon';
 import { EndIcon } from './components/EndIcon';
 /**
@@ -13,28 +14,6 @@ import { EndIcon } from './components/EndIcon';
 export interface IIconProps extends SVGAttributes<SVGSVGElement> {
     isRotated?: boolean;
 }
-export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Applies danger styling */
-    isDanger?: boolean;
-    /** Specifies the buton size */
-    size?: 'small' | 'medium' | 'large';
-    /** Stretches the button fill to its container width */
-    isStretched?: boolean;
-    /** Applies neutral button styling */
-    isNeutral?: boolean;
-    /** Applies primary button styling */
-    isPrimary?: boolean;
-    /** Applies basic button styling */
-    isBasic?: boolean;
-    /** Applies link (anchor) button styling */
-    isLink?: boolean;
-    /** Applies pill button styling */
-    isPill?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** @ignore prop used by `ButtonGroup` */
-    isSelected?: boolean;
-}
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -4,18 +4,11 @@
  * 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 React, { HTMLAttributes } from 'react';
-export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
-    /** Defines the currently selected button in the group */
-    selectedItem?: any;
-    /**
-     * Handles button selection
-     *
-     * @param {any} item The selected item
-     */
-    onSelect?: (item: any) => void;
-}
+import React from 'react';
+import { IButtonGroupProps } from '../types';
 /**
+ * @deprecated this legacy component will be removed in a future release
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const ButtonGroup: React.ForwardRefExoticComponent<IButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IIconButtonProps as IChevronButtonProps } from './IconButton';
+import { IIconButtonProps } from '../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-export declare const ChevronButton: React.ForwardRefExoticComponent<IChevronButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ChevronButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -4,25 +4,8 @@
  * 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 React, { ButtonHTMLAttributes } from 'react';
-export interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Applies neutral button styling */
-    isNeutral?: boolean;
-    /** Applies primary button styling */
-    isPrimary?: boolean;
-    /** Applies danger button styling */
-    isDanger?: boolean;
-    /** Applies basic button styling */
-    isBasic?: boolean;
-    /** Applies pill button styling */
-    isPill?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-    /** Specifies icon button size */
-    size?: 'small' | 'medium' | 'large';
-}
+import React from 'react';
+import { IIconButtonProps } from '../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -5,14 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IButtonProps } from './Button';
-export interface IToggleButtonProps extends IButtonProps {
-    /**
-     * Determines if the button is pressed. Use "mixed" to indicate that
-     * the toggle controls other elements which do not share the same value.
-     */
-    isPressed?: boolean | 'mixed';
-}
+import { IToggleButtonProps } from '../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -5,14 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IIconButtonProps } from './IconButton';
-export interface IToggleIconButtonProps extends IIconButtonProps {
-    /**
-     * Determines if the button is pressed. Use "mixed" to indicate that the
-     * toggle controls other elements which do not share the same value.
-     */
-    isPressed?: boolean | 'mixed';
-}
+import { IToggleIconButtonProps } from '../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

package/dist/typings/elements/components/EndIcon.d.ts

@@ -4,15 +4,11 @@
  * 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 { SVGAttributes } from 'react';
-export interface IButtonEndIconProps extends SVGAttributes<SVGElement> {
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-}
+import { IButtonIconProps } from '../../types';
 /**
  * @extends SVGAttributes<SVGElement>
  */
 export declare const EndIcon: {
-    (props: IButtonEndIconProps): JSX.Element;
+    (props: IButtonIconProps): JSX.Element;
     displayName: string;
 };

package/dist/typings/elements/components/StartIcon.d.ts

@@ -4,15 +4,11 @@
  * 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 { SVGAttributes } from 'react';
-export interface IButtonStartIconProps extends SVGAttributes<SVGElement> {
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-}
+import { IButtonIconProps } from '../../types';
 /**
  * @extends SVGAttributes<SVGElement>
  */
 export declare const StartIcon: {
-    (props: IButtonStartIconProps): JSX.Element;
+    (props: IButtonIconProps): JSX.Element;
     displayName: string;
 };

package/dist/typings/index.d.ts

@@ -5,18 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Button } from './elements/Button';
-export type { IButtonProps, IIconProps } from './elements/Button';
-export type { IButtonEndIconProps } from './elements/components/EndIcon';
-export type { IButtonStartIconProps } from './elements/components/StartIcon';
+export type { IIconProps } from './elements/Button';
 export { Anchor } from './elements/Anchor';
-export type { IAnchorProps } from './elements/Anchor';
 export { ButtonGroup } from './elements/ButtonGroup';
-export type { IButtonGroupProps } from './elements/ButtonGroup';
 export { ChevronButton } from './elements/ChevronButton';
 export { IconButton } from './elements/IconButton';
-export type { IIconButtonProps, IIconButtonProps as IChevronButtonProps } from './elements/IconButton';
 export { SplitButton } from './elements/SplitButton';
 export { ToggleButton } from './elements/ToggleButton';
-export type { IToggleButtonProps } from './elements/ToggleButton';
 export { ToggleIconButton } from './elements/ToggleIconButton';
-export type { IToggleIconButtonProps } from './elements/ToggleIconButton';
+export type { IButtonProps, IButtonIconProps as IButtonEndIconProps, IButtonIconProps as IButtonStartIconProps, IAnchorProps, IIconButtonProps, IIconButtonProps as IChevronButtonProps, IToggleButtonProps, IToggleIconButtonProps, IButtonGroupProps } from './types';

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

@@ -7,7 +7,7 @@
 /**
  * Accepts all `<a>` props
  */
-export declare const StyledAnchor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./StyledButton").IStyledButtonProps & {
+export declare const StyledAnchor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("..").IButtonProps & {
     'data-garden-id': string;
     'data-garden-version': string;
     as: string;

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

@@ -5,22 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme, ThemeProps } from 'styled-components';
-export declare const getHeight: (props: IStyledButtonProps & ThemeProps<DefaultTheme>) => string;
-export interface IStyledButtonProps {
-    isBasic?: boolean;
-    isDanger?: boolean;
-    focusInset?: boolean;
-    isLink?: boolean;
-    isNeutral?: boolean;
-    isPrimary?: boolean;
-    isPill?: boolean;
-    isSelected?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    isStretched?: boolean;
-    disabled?: boolean;
-}
+import { IButtonProps } from '../types';
+export declare const getHeight: (props: IButtonProps & ThemeProps<DefaultTheme>) => string;
 /**
  * 1. FF <input type="submit"> fix
  * 2. <a> element reset
  */
-export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledButtonProps, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IButtonProps, never>;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IStyledButtonProps } from './StyledButton';
+import { IButtonProps } from '../types';
 export declare const StyledIconButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledButtonProps, "data-garden-id" | "data-garden-version">;
+} & IButtonProps, "data-garden-id" | "data-garden-version">;

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

@@ -0,0 +1,63 @@
+/**
+ * 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 { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, SVGAttributes } from 'react';
+export declare const SIZE: readonly ["small", "medium", "large"];
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Applies danger styling */
+    isDanger?: boolean;
+    /** Specifies the button size */
+    size?: typeof SIZE[number];
+    /** Stretches the button fill to its container width */
+    isStretched?: boolean;
+    /** Applies neutral button styling */
+    isNeutral?: boolean;
+    /** Applies primary button styling */
+    isPrimary?: boolean;
+    /** Applies basic button styling */
+    isBasic?: boolean;
+    /** Applies link (anchor) button styling */
+    isLink?: boolean;
+    /** Applies pill button styling */
+    isPill?: boolean;
+    /** Applies inset `box-shadow` styling on focus */
+    focusInset?: boolean;
+    /** @ignore prop used by `ButtonGroup` */
+    isSelected?: boolean;
+}
+export interface IToggleButtonProps extends IButtonProps {
+    /**
+     * Determines if the button is pressed. Use "mixed" to indicate that
+     * the toggle controls other elements which do not share the same value.
+     */
+    isPressed?: boolean | 'mixed';
+}
+export interface IIconButtonProps extends Omit<IButtonProps, 'isStretched' | 'isLink'> {
+    /** Rotates icon 180 degrees */
+    isRotated?: boolean;
+}
+export interface IToggleIconButtonProps extends IIconButtonProps, Pick<IToggleButtonProps, 'isPressed'> {
+}
+export interface IButtonIconProps extends Pick<IIconButtonProps, 'isRotated'>, SVGAttributes<SVGElement> {
+}
+export interface IAnchorProps extends Pick<IButtonProps, 'isDanger'>, AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Attaches `target="_blank"` and `rel="noopener noreferrer"` to an anchor that
+     * navigates to an external resource. This ensures that the anchor is a
+     * safe [cross-origin destination link](https://web.dev/external-anchors-use-rel-noopener/).
+     **/
+    isExternal?: boolean;
+}
+export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Defines the currently selected button in the group */
+    selectedItem?: any;
+    /**
+     * Handles button selection
+     *
+     * @param {any} item The selected item
+     */
+    onSelect?: (item: any) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "8.49.2",
+  "version": "8.50.0",
   "description": "Components relating to buttons in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,8 +33,8 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.49.2",
-    "@zendeskgarden/svg-icons": "6.30.2"
+    "@zendeskgarden/react-theming": "^8.50.0",
+    "@zendeskgarden/svg-icons": "6.31.1"
   },
   "keywords": [
     "components",
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fd7769285a2f4bc1169c63f4db57a85a6e793027"
+  "gitHead": "d5b66e1980faf0fd40818c9e74801dfa1c3550a0"
 }