@zendeskgarden/react-buttons 8.62.1 → 8.62.2

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
@@ -16,7 +14,7 @@ var reactTheming = require('@zendeskgarden/react-theming');
 var polished = require('polished');
 var containerButtongroup = require('@zendeskgarden/container-buttongroup');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -32,14 +30,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 function _extends$2() {
   _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
@@ -59,9 +56,9 @@ function _extends$2() {
 const SIZE = ['small', 'medium', 'large'];
 
 const COMPONENT_ID$5 = 'buttons.button_group_view';
-const StyledButtonGroup = styled__default["default"].div.attrs({
+const StyledButtonGroup = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -80,17 +77,17 @@ const sizeStyles$1 = props => {
   }
   return marginProperty && styled.css(["", ":", "px;"], marginProperty, props.theme.space.base * 2);
 };
-const StyledIcon = styled__default["default"](_ref => {
+const StyledIcon = styled__default.default(_ref => {
   let {
     children,
     isRotated,
     theme,
     ...props
   } = _ref;
-  return React__default["default"].cloneElement(React.Children.only(children), props);
+  return React__namespace.default.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -187,9 +184,9 @@ const sizeStyles = props => {
   }
   return retVal;
 };
-const StyledButton = styled__default["default"].button.attrs(props => ({
+const StyledButton = styled__default.default.button.attrs(props => ({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",
@@ -200,9 +197,9 @@ StyledButton.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'buttons.anchor';
-const StyledAnchor = styled__default["default"](StyledButton).attrs(props => ({
+const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   isLink: true,
@@ -237,9 +234,9 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
 };
 
 const COMPONENT_ID$1 = 'buttons.external_icon';
-const StyledExternalIcon = styled__default["default"](SvgNewWindowStroke).attrs({
+const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -264,9 +261,9 @@ const iconStyles = props => {
   const size = props.theme.iconSizes.md;
   return styled.css(["width:", ";height:", ";& > svg{transition:opacity 0.15s ease-in-out;}"], size, size);
 };
-const StyledIconButton = styled__default["default"](StyledButton).attrs({
+const StyledIconButton = styled__default.default(StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"
@@ -285,13 +282,13 @@ const useSplitButtonContext = () => {
   return React.useContext(SplitButtonContext);
 };
 
-const StartIconComponent = props => React__default["default"].createElement(StyledIcon, _extends$2({
+const StartIconComponent = props => React__namespace.default.createElement(StyledIcon, _extends$2({
   position: "start"
 }, props));
 StartIconComponent.displayName = 'Button.StartIcon';
 const StartIcon = StartIconComponent;
 
-const EndIconComponent = props => React__default["default"].createElement(StyledIcon, _extends$2({
+const EndIconComponent = props => React__namespace.default.createElement(StyledIcon, _extends$2({
   position: "end"
 }, props));
 EndIconComponent.displayName = 'Button.EndIcon';
@@ -310,27 +307,27 @@ const ButtonComponent = React.forwardRef((props, ref) => {
     }
     computedProps = buttonGroupContext.getButtonProps({
       item: props.value,
-      focusRef: React__default["default"].createRef(),
+      focusRef: React__namespace.default.createRef(),
       isSelected: props.value === buttonGroupContext.selectedItem,
       ...computedProps
     });
   }
-  return React__default["default"].createElement(StyledButton, _extends$2({
+  return React__namespace.default.createElement(StyledButton, _extends$2({
     ref: ref
   }, computedProps));
 });
 ButtonComponent.displayName = 'Button';
 ButtonComponent.propTypes = {
-  isNeutral: PropTypes__default["default"].bool,
-  isPrimary: PropTypes__default["default"].bool,
-  isDanger: PropTypes__default["default"].bool,
-  isPill: PropTypes__default["default"].bool,
-  isBasic: PropTypes__default["default"].bool,
-  focusInset: PropTypes__default["default"].bool,
-  isLink: PropTypes__default["default"].bool,
-  isStretched: PropTypes__default["default"].bool,
-  isSelected: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].oneOf(SIZE)
+  isNeutral: PropTypes__default.default.bool,
+  isPrimary: PropTypes__default.default.bool,
+  isDanger: PropTypes__default.default.bool,
+  isPill: PropTypes__default.default.bool,
+  isBasic: PropTypes__default.default.bool,
+  focusInset: PropTypes__default.default.bool,
+  isLink: PropTypes__default.default.bool,
+  isStretched: PropTypes__default.default.bool,
+  isSelected: PropTypes__default.default.bool,
+  size: PropTypes__default.default.oneOf(SIZE)
 };
 ButtonComponent.defaultProps = {
   size: 'medium'
@@ -360,9 +357,9 @@ const Anchor = React.forwardRef((_ref, ref) => {
     noIconLabel: 'true'
   };
   const iconAriaLabel = reactTheming.useText(Anchor, checkProps, isExternal ? 'externalIconLabel' : 'noIconLabel', '(opens in a new tab)');
-  return React__default["default"].createElement(StyledAnchor, _extends$2({
+  return React__namespace.default.createElement(StyledAnchor, _extends$2({
     ref: ref
-  }, anchorProps), children, isExternal && React__default["default"].createElement(StyledExternalIcon, {
+  }, anchorProps), children, isExternal && React__namespace.default.createElement(StyledExternalIcon, {
     role: "img",
     "aria-label": iconAriaLabel,
     "aria-hidden": undefined
@@ -370,9 +367,9 @@ const Anchor = React.forwardRef((_ref, ref) => {
 });
 Anchor.displayName = 'Anchor';
 Anchor.propTypes = {
-  isExternal: PropTypes__default["default"].bool,
-  isDanger: PropTypes__default["default"].bool,
-  externalIconLabel: PropTypes__default["default"].string
+  isExternal: PropTypes__default.default.bool,
+  isDanger: PropTypes__default.default.bool,
+  externalIconLabel: PropTypes__default.default.string
 };
 
 const ButtonGroup = React.forwardRef((_ref, ref) => {
@@ -395,16 +392,16 @@ const ButtonGroup = React.forwardRef((_ref, ref) => {
     selectedItem,
     getButtonProps
   }), [selectedItem, getButtonProps]);
-  return React__default["default"].createElement(ButtonGroupContext.Provider, {
+  return React__namespace.default.createElement(ButtonGroupContext.Provider, {
     value: contextValue
-  }, React__default["default"].createElement(StyledButtonGroup, _extends$2({
+  }, React__namespace.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
+  selectedItem: PropTypes__default.default.any,
+  onSelect: PropTypes__default.default.func
 };
 
 const IconButton = React.forwardRef((_ref, ref) => {
@@ -414,24 +411,24 @@ const IconButton = React.forwardRef((_ref, ref) => {
     ...otherProps
   } = _ref;
   const focusInset = useSplitButtonContext();
-  return React__default["default"].createElement(StyledIconButton, _extends$2({
+  return React__namespace.default.createElement(StyledIconButton, _extends$2({
     ref: ref
   }, otherProps, {
     focusInset: otherProps.focusInset || focusInset
-  }), React__default["default"].createElement(StyledIcon, {
+  }), React__namespace.default.createElement(StyledIcon, {
     isRotated: isRotated
   }, children));
 });
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
-  isDanger: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].oneOf(SIZE),
-  isNeutral: PropTypes__default["default"].bool,
-  isPrimary: PropTypes__default["default"].bool,
-  isBasic: PropTypes__default["default"].bool,
-  isPill: PropTypes__default["default"].bool,
-  focusInset: PropTypes__default["default"].bool,
-  isRotated: PropTypes__default["default"].bool
+  isDanger: PropTypes__default.default.bool,
+  size: PropTypes__default.default.oneOf(SIZE),
+  isNeutral: PropTypes__default.default.bool,
+  isPrimary: PropTypes__default.default.bool,
+  isBasic: PropTypes__default.default.bool,
+  isPill: PropTypes__default.default.bool,
+  focusInset: PropTypes__default.default.bool,
+  isRotated: PropTypes__default.default.bool
 };
 IconButton.defaultProps = {
   isPill: true,
@@ -462,9 +459,9 @@ const ChevronButton = React.forwardRef((_ref, ref) => {
   let {
     ...buttonProps
   } = _ref;
-  return React__default["default"].createElement(IconButton, _extends$2({
+  return React__namespace.default.createElement(IconButton, _extends$2({
     ref: ref
-  }, buttonProps), React__default["default"].createElement(SvgChevronDownStroke, null));
+  }, buttonProps), React__namespace.default.createElement(SvgChevronDownStroke, null));
 });
 ChevronButton.displayName = 'ChevronButton';
 ChevronButton.propTypes = IconButton.propTypes;
@@ -479,9 +476,9 @@ const SplitButton = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(SplitButtonContext.Provider, {
+  return React__namespace.default.createElement(SplitButtonContext.Provider, {
     value: true
-  }, React__default["default"].createElement(StyledButtonGroup, _extends$2({
+  }, React__namespace.default.createElement(StyledButtonGroup, _extends$2({
     ref: ref
   }, other), children));
 });
@@ -492,7 +489,7 @@ const ToggleButton = React.forwardRef((_ref, ref) => {
     isPressed,
     ...otherProps
   } = _ref;
-  return React__default["default"].createElement(Button, _extends$2({
+  return React__namespace.default.createElement(Button, _extends$2({
     "aria-pressed": isPressed,
     ref: ref
   }, otherProps));
@@ -500,7 +497,7 @@ const ToggleButton = React.forwardRef((_ref, ref) => {
 ToggleButton.displayName = 'ToggleButton';
 ToggleButton.propTypes = {
   ...Button.propTypes,
-  isPressed: PropTypes__default["default"].oneOf([true, false, 'mixed'])
+  isPressed: PropTypes__default.default.oneOf([true, false, 'mixed'])
 };
 ToggleButton.defaultProps = {
   size: 'medium'
@@ -511,7 +508,7 @@ const ToggleIconButton = React.forwardRef((_ref, ref) => {
     isPressed,
     ...otherProps
   } = _ref;
-  return React__default["default"].createElement(IconButton, _extends$2({
+  return React__namespace.default.createElement(IconButton, _extends$2({
     "aria-pressed": isPressed,
     ref: ref
   }, otherProps));
@@ -519,7 +516,7 @@ const ToggleIconButton = React.forwardRef((_ref, ref) => {
 ToggleIconButton.displayName = 'ToggleIconButton';
 ToggleIconButton.propTypes = {
   ...IconButton.propTypes,
-  isPressed: PropTypes__default["default"].oneOf([true, false, 'mixed'])
+  isPressed: PropTypes__default.default.oneOf([true, false, 'mixed'])
 };
 ToggleIconButton.defaultProps = {
   isPill: true,

package/dist/index.esm.js

@@ -33,7 +33,7 @@ const SIZE = ['small', 'medium', 'large'];
 const COMPONENT_ID$5 = 'buttons.button_group_view';
 const StyledButtonGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledButtonGroup",
   componentId: "sc-1fbpzef-0"
@@ -62,7 +62,7 @@ const StyledIcon = styled(_ref => {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -161,7 +161,7 @@ const sizeStyles = props => {
 };
 const StyledButton = styled.button.attrs(props => ({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",
@@ -174,7 +174,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$2 = 'buttons.anchor';
 const StyledAnchor = styled(StyledButton).attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   isLink: true,
@@ -211,7 +211,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
 const COMPONENT_ID$1 = 'buttons.external_icon';
 const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -238,7 +238,7 @@ const iconStyles = props => {
 };
 const StyledIconButton = styled(StyledButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledIconButton",
   componentId: "sc-1t0ughp-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "8.62.1",
+  "version": "8.62.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": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.1",
+    "@zendeskgarden/react-theming": "^8.62.2",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
 }