@zendeskgarden/react-buttons 8.47.2 → 8.48.0

package/dist/index.cjs.js

@@ -139,7 +139,7 @@ function _objectWithoutProperties(source, excluded) {
 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.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -171,7 +171,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.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -280,7 +280,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.47.2',
+    'data-garden-version': '8.48.0',
     type: props.type || 'button'
   };
 }).withConfig({
@@ -333,7 +333,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.47.2',
+    'data-garden-version': '8.48.0',
     as: 'a',
     dir: props.theme.rtl ? 'rtl' : undefined,
     isLink: true,
@@ -374,7 +374,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.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -405,7 +405,7 @@ var iconStyles = function iconStyles(props) {
 };
 var StyledIconButton = styled__default["default"](StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"
@@ -430,7 +430,23 @@ var useSplitButtonContext = function useSplitButtonContext() {
   return React.useContext(SplitButtonContext);
 };
 
-var Button = React__default["default"].forwardRef(function (props, ref) {
+var StartIconComponent = function StartIconComponent(props) {
+  return React__default["default"].createElement(StyledIcon, _extends$2({
+    position: "start"
+  }, props));
+};
+StartIconComponent.displayName = 'Button.StartIcon';
+var StartIcon = StartIconComponent;
+
+var EndIconComponent = function EndIconComponent(props) {
+  return React__default["default"].createElement(StyledIcon, _extends$2({
+    position: "end"
+  }, props));
+};
+EndIconComponent.displayName = 'Button.EndIcon';
+var EndIcon = EndIconComponent;
+
+var ButtonComponent = React.forwardRef(function (props, ref) {
   var buttonGroupContext = useButtonGroupContext();
   var splitButtonContext = useSplitButtonContext();
   var computedProps = _objectSpread2(_objectSpread2({}, props), {}, {
@@ -450,7 +466,8 @@ var Button = React__default["default"].forwardRef(function (props, ref) {
     ref: ref
   }, computedProps));
 });
-Button.propTypes = {
+ButtonComponent.displayName = 'Button';
+ButtonComponent.propTypes = {
   isNeutral: PropTypes__default["default"].bool,
   isPrimary: PropTypes__default["default"].bool,
   isDanger: PropTypes__default["default"].bool,
@@ -462,25 +479,15 @@ Button.propTypes = {
   isSelected: PropTypes__default["default"].bool,
   size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
 };
-Button.defaultProps = {
+ButtonComponent.defaultProps = {
   size: 'medium'
 };
-Button.displayName = 'Button';
-var StartIcon = function StartIcon(props) {
-  return React__default["default"].createElement(StyledIcon, _extends$2({
-    position: "start"
-  }, props));
-};
-var EndIcon = function EndIcon(props) {
-  return React__default["default"].createElement(StyledIcon, _extends$2({
-    position: "end"
-  }, props));
-};
-Button.StartIcon = StartIcon;
+var Button = ButtonComponent;
 Button.EndIcon = EndIcon;
+Button.StartIcon = StartIcon;
 
 var _excluded$5 = ["children", "isExternal"];
-var Anchor = React__default["default"].forwardRef(function (_ref, ref) {
+var Anchor = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isExternal = _ref.isExternal,
       otherProps = _objectWithoutProperties(_ref, _excluded$5);
@@ -502,7 +509,7 @@ Anchor.propTypes = {
 };
 
 var _excluded$4 = ["children", "onSelect", "selectedItem"];
-var ButtonGroup = function ButtonGroup(_ref) {
+var ButtonGroup = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       onSelect = _ref.onSelect,
       controlledSelectedItem = _ref.selectedItem,
@@ -523,15 +530,18 @@ var ButtonGroup = function ButtonGroup(_ref) {
   }, [selectedItem, getButtonProps]);
   return React__default["default"].createElement(ButtonGroupContext.Provider, {
     value: contextValue
-  }, React__default["default"].createElement(StyledButtonGroup, getGroupProps(otherProps), children));
-};
+  }, React__default["default"].createElement(StyledButtonGroup, _extends$2({
+    ref: ref
+  }, getGroupProps(otherProps)), children));
+});
+ButtonGroup.displayName = 'ButtonGroup';
 ButtonGroup.propTypes = {
   selectedItem: PropTypes__default["default"].any,
   onSelect: PropTypes__default["default"].func
 };
 
 var _excluded$3 = ["children", "isRotated"];
-var IconButton = React__default["default"].forwardRef(function (_ref, ref) {
+var IconButton = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isRotated = _ref.isRotated,
       otherProps = _objectWithoutProperties(_ref, _excluded$3);
@@ -579,7 +589,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   })));
 };
 
-var ChevronButton = React__default["default"].forwardRef(function (_ref, ref) {
+var ChevronButton = React.forwardRef(function (_ref, ref) {
   var buttonProps = _extends$2({}, _ref);
   return React__default["default"].createElement(IconButton, _extends$2({
     ref: ref
@@ -594,16 +604,19 @@ ChevronButton.defaultProps = {
 };
 
 var _excluded$2 = ["children"];
-var SplitButton = function SplitButton(_ref) {
+var SplitButton = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default["default"].createElement(SplitButtonContext.Provider, {
     value: true
-  }, React__default["default"].createElement(StyledButtonGroup, other, children));
-};
+  }, React__default["default"].createElement(StyledButtonGroup, _extends$2({
+    ref: ref
+  }, other), children));
+});
+SplitButton.displayName = 'SplitButton';
 
 var _excluded$1 = ["isPressed"];
-var ToggleButton = React__default["default"].forwardRef(function (_ref, ref) {
+var ToggleButton = React.forwardRef(function (_ref, ref) {
   var isPressed = _ref.isPressed,
       otherProps = _objectWithoutProperties(_ref, _excluded$1);
   return React__default["default"].createElement(Button, _extends$2({
@@ -616,12 +629,11 @@ ToggleButton.propTypes = _objectSpread2(_objectSpread2({}, Button.propTypes), {}
   isPressed: PropTypes__default["default"].oneOf([true, false, 'mixed'])
 });
 ToggleButton.defaultProps = {
-  isPressed: false,
   size: 'medium'
 };
 
 var _excluded = ["isPressed"];
-var ToggleIconButton = React__default["default"].forwardRef(function (_ref, ref) {
+var ToggleIconButton = React.forwardRef(function (_ref, ref) {
   var isPressed = _ref.isPressed,
       otherProps = _objectWithoutProperties(_ref, _excluded);
   return React__default["default"].createElement(IconButton, _extends$2({
@@ -636,7 +648,6 @@ ToggleIconButton.propTypes = _objectSpread2(_objectSpread2({}, IconButton.propTy
 ToggleIconButton.defaultProps = {
   isPill: true,
   isBasic: true,
-  isPressed: false,
   size: 'medium'
 };
 

package/dist/index.esm.js

@@ -6,7 +6,7 @@
  */
 
 import * as React from 'react';
-import React__default, { Children, createContext, useContext, useMemo } from 'react';
+import React__default, { Children, createContext, useContext, forwardRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
@@ -111,7 +111,7 @@ function _objectWithoutProperties(source, excluded) {
 var COMPONENT_ID$5 = 'buttons.button_group_view';
 var StyledButtonGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -143,7 +143,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.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -252,7 +252,7 @@ var sizeStyles = function sizeStyles(props) {
 var StyledButton = styled.button.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.47.2',
+    'data-garden-version': '8.48.0',
     type: props.type || 'button'
   };
 }).withConfig({
@@ -305,7 +305,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.47.2',
+    'data-garden-version': '8.48.0',
     as: 'a',
     dir: props.theme.rtl ? 'rtl' : undefined,
     isLink: true,
@@ -346,7 +346,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.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -377,7 +377,7 @@ var iconStyles = function iconStyles(props) {
 };
 var StyledIconButton = styled(StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"
@@ -402,7 +402,23 @@ var useSplitButtonContext = function useSplitButtonContext() {
   return useContext(SplitButtonContext);
 };
 
-var Button = React__default.forwardRef(function (props, ref) {
+var StartIconComponent = function StartIconComponent(props) {
+  return React__default.createElement(StyledIcon, _extends$2({
+    position: "start"
+  }, props));
+};
+StartIconComponent.displayName = 'Button.StartIcon';
+var StartIcon = StartIconComponent;
+
+var EndIconComponent = function EndIconComponent(props) {
+  return React__default.createElement(StyledIcon, _extends$2({
+    position: "end"
+  }, props));
+};
+EndIconComponent.displayName = 'Button.EndIcon';
+var EndIcon = EndIconComponent;
+
+var ButtonComponent = forwardRef(function (props, ref) {
   var buttonGroupContext = useButtonGroupContext();
   var splitButtonContext = useSplitButtonContext();
   var computedProps = _objectSpread2(_objectSpread2({}, props), {}, {
@@ -422,7 +438,8 @@ var Button = React__default.forwardRef(function (props, ref) {
     ref: ref
   }, computedProps));
 });
-Button.propTypes = {
+ButtonComponent.displayName = 'Button';
+ButtonComponent.propTypes = {
   isNeutral: PropTypes.bool,
   isPrimary: PropTypes.bool,
   isDanger: PropTypes.bool,
@@ -434,25 +451,15 @@ Button.propTypes = {
   isSelected: PropTypes.bool,
   size: PropTypes.oneOf(['small', 'medium', 'large'])
 };
-Button.defaultProps = {
+ButtonComponent.defaultProps = {
   size: 'medium'
 };
-Button.displayName = 'Button';
-var StartIcon = function StartIcon(props) {
-  return React__default.createElement(StyledIcon, _extends$2({
-    position: "start"
-  }, props));
-};
-var EndIcon = function EndIcon(props) {
-  return React__default.createElement(StyledIcon, _extends$2({
-    position: "end"
-  }, props));
-};
-Button.StartIcon = StartIcon;
+var Button = ButtonComponent;
 Button.EndIcon = EndIcon;
+Button.StartIcon = StartIcon;
 
 var _excluded$5 = ["children", "isExternal"];
-var Anchor = React__default.forwardRef(function (_ref, ref) {
+var Anchor = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isExternal = _ref.isExternal,
       otherProps = _objectWithoutProperties(_ref, _excluded$5);
@@ -474,7 +481,7 @@ Anchor.propTypes = {
 };
 
 var _excluded$4 = ["children", "onSelect", "selectedItem"];
-var ButtonGroup = function ButtonGroup(_ref) {
+var ButtonGroup = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       onSelect = _ref.onSelect,
       controlledSelectedItem = _ref.selectedItem,
@@ -495,15 +502,18 @@ var ButtonGroup = function ButtonGroup(_ref) {
   }, [selectedItem, getButtonProps]);
   return React__default.createElement(ButtonGroupContext.Provider, {
     value: contextValue
-  }, React__default.createElement(StyledButtonGroup, getGroupProps(otherProps), children));
-};
+  }, React__default.createElement(StyledButtonGroup, _extends$2({
+    ref: ref
+  }, getGroupProps(otherProps)), children));
+});
+ButtonGroup.displayName = 'ButtonGroup';
 ButtonGroup.propTypes = {
   selectedItem: PropTypes.any,
   onSelect: PropTypes.func
 };
 
 var _excluded$3 = ["children", "isRotated"];
-var IconButton = React__default.forwardRef(function (_ref, ref) {
+var IconButton = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isRotated = _ref.isRotated,
       otherProps = _objectWithoutProperties(_ref, _excluded$3);
@@ -551,7 +561,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   })));
 };
 
-var ChevronButton = React__default.forwardRef(function (_ref, ref) {
+var ChevronButton = forwardRef(function (_ref, ref) {
   var buttonProps = _extends$2({}, _ref);
   return React__default.createElement(IconButton, _extends$2({
     ref: ref
@@ -566,16 +576,19 @@ ChevronButton.defaultProps = {
 };
 
 var _excluded$2 = ["children"];
-var SplitButton = function SplitButton(_ref) {
+var SplitButton = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default.createElement(SplitButtonContext.Provider, {
     value: true
-  }, React__default.createElement(StyledButtonGroup, other, children));
-};
+  }, React__default.createElement(StyledButtonGroup, _extends$2({
+    ref: ref
+  }, other), children));
+});
+SplitButton.displayName = 'SplitButton';
 
 var _excluded$1 = ["isPressed"];
-var ToggleButton = React__default.forwardRef(function (_ref, ref) {
+var ToggleButton = forwardRef(function (_ref, ref) {
   var isPressed = _ref.isPressed,
       otherProps = _objectWithoutProperties(_ref, _excluded$1);
   return React__default.createElement(Button, _extends$2({
@@ -588,12 +601,11 @@ ToggleButton.propTypes = _objectSpread2(_objectSpread2({}, Button.propTypes), {}
   isPressed: PropTypes.oneOf([true, false, 'mixed'])
 });
 ToggleButton.defaultProps = {
-  isPressed: false,
   size: 'medium'
 };
 
 var _excluded = ["isPressed"];
-var ToggleIconButton = React__default.forwardRef(function (_ref, ref) {
+var ToggleIconButton = forwardRef(function (_ref, ref) {
   var isPressed = _ref.isPressed,
       otherProps = _objectWithoutProperties(_ref, _excluded);
   return React__default.createElement(IconButton, _extends$2({
@@ -608,7 +620,6 @@ ToggleIconButton.propTypes = _objectSpread2(_objectSpread2({}, IconButton.propTy
 ToggleIconButton.defaultProps = {
   isPill: true,
   isBasic: true,
-  isPressed: false,
   size: 'medium'
 };
 

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

@@ -18,5 +18,4 @@ export interface IAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 /**
  * @extends AnchorHTMLAttributes<HTMLAnchorElement>
  */
-declare const Anchor: React.FunctionComponent<IAnchorProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Anchor;
+export declare const Anchor: React.ForwardRefExoticComponent<IAnchorProps & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -5,6 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { ButtonHTMLAttributes, SVGAttributes } from 'react';
+import { StartIcon } from './components/StartIcon';
+import { EndIcon } from './components/EndIcon';
+/**
+ * @deprecated use IButtonStartIconProps or IButtonEndIconProps instead
+ */
+export interface IIconProps extends SVGAttributes<SVGSVGElement> {
+    isRotated?: boolean;
+}
 export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Applies danger styling */
     isDanger?: boolean;
@@ -27,17 +35,10 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** @ignore prop used by `ButtonGroup` */
     isSelected?: boolean;
 }
-export interface IIconProps extends SVGAttributes<SVGSVGElement> {
-    isRotated?: boolean;
-    children: any;
-}
-declare const StartIcon: (props: IIconProps) => JSX.Element;
-declare const EndIcon: (props: IIconProps) => JSX.Element;
-declare const _default: React.FunctionComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> & {
-    StartIcon: typeof StartIcon;
-    EndIcon: typeof EndIcon;
-};
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-export default _default;
+export declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> & {
+    EndIcon: typeof EndIcon;
+    StartIcon: typeof StartIcon;
+};

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

@@ -18,5 +18,4 @@ export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-declare const ButtonGroup: React.FunctionComponent<IButtonGroupProps>;
-export default ButtonGroup;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<IButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -26,5 +26,4 @@ export interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-declare const IconButton: React.FunctionComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default IconButton;
+export declare const IconButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -4,9 +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, { HTMLAttributes } from 'react';
+import React from 'react';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-declare const SplitButton: React.FunctionComponent<HTMLAttributes<HTMLDivElement>>;
-export default SplitButton;
+export declare const SplitButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -16,5 +16,4 @@ export interface IToggleButtonProps extends IButtonProps {
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-declare const ToggleButton: React.FunctionComponent<IToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ToggleButton;
+export declare const ToggleButton: React.ForwardRefExoticComponent<IToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -16,5 +16,4 @@ export interface IToggleIconButtonProps extends IIconButtonProps {
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-declare const ToggleIconButton: React.FunctionComponent<IToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ToggleIconButton;
+export declare const ToggleIconButton: React.ForwardRefExoticComponent<IToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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

package/dist/typings/index.d.ts

@@ -4,16 +4,19 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { default as Button } from './elements/Button';
+export { Button } from './elements/Button';
 export type { IButtonProps, IIconProps } from './elements/Button';
-export { default as Anchor } from './elements/Anchor';
+export type { IButtonEndIconProps } from './elements/components/EndIcon';
+export type { IButtonStartIconProps } from './elements/components/StartIcon';
+export { Anchor } from './elements/Anchor';
 export type { IAnchorProps } from './elements/Anchor';
-export { default as ButtonGroup } from './elements/ButtonGroup';
+export { ButtonGroup } from './elements/ButtonGroup';
 export type { IButtonGroupProps } from './elements/ButtonGroup';
-export { default as ChevronButton } from './elements/ChevronButton';
-export { default as IconButton } from './elements/IconButton';
-export { default as SplitButton } from './elements/SplitButton';
-export { default as ToggleButton } from './elements/ToggleButton';
+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 { default as ToggleIconButton } from './elements/ToggleIconButton';
+export { ToggleIconButton } from './elements/ToggleIconButton';
 export type { IToggleIconButtonProps } from './elements/ToggleIconButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "8.47.2",
+  "version": "8.48.0",
   "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": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.47.2",
+    "@zendeskgarden/react-theming": "^8.48.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }