@zendeskgarden/react-buttons 9.0.0-next.12 → 9.0.0-next.14

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/new-window-stroke.svg.js

@@ -7,7 +7,7 @@
 import * as React from 'react';
 
 var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js

@@ -7,7 +7,7 @@
 import * as React from 'react';
 
 var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",

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.0.0-next.12',
+  'data-garden-version': '9.0.0-next.14',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   isLink: true,

package/dist/esm/styled/StyledButton.js

@@ -164,18 +164,23 @@ const colorStyles = _ref => {
             variable: 'border.default',
             ...offset100
           });
-          focusBorderColor = getColor(borderOptions);
+          hoverBorderColor = getColor(borderOptions);
+          focusBorderColor = hoverBorderColor;
+          activeBorderColor = getColor({
+            ...borderOptions,
+            ...offset100
+          });
         } else {
           borderColor = getColor(borderOptions);
+          hoverBorderColor = getColor({
+            ...borderOptions,
+            ...offset100
+          });
+          activeBorderColor = getColor({
+            ...borderOptions,
+            ...offset200
+          });
         }
-        hoverBorderColor = getColor({
-          ...borderOptions,
-          ...offset100
-        });
-        activeBorderColor = getColor({
-          ...borderOptions,
-          ...offset200
-        });
       }
       backgroundVariable = 'background.primaryEmphasis';
       foregroundVariable = isNeutral ? 'foreground.default' : 'foreground.primary';
@@ -303,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.0.0-next.12',
+  'data-garden-version': '9.0.0-next.14',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",

package/dist/esm/styled/StyledExternalIcon.js

@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'buttons.external_icon';
 const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).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.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).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.0.0-next.12'
+    'data-garden-version': '9.0.0-next.14'
   };
 }).withConfig({
   displayName: "StyledIconButton",

package/dist/esm/styled/StyledSplitButton.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'buttons.button_group_view';
 const StyledSplitButton = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).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.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
   displayName: "StyledSplitButton",
   componentId: "sc-1u4v04v-0"
@@ -62,7 +62,7 @@ const sizeStyles$1 = props => {
 };
 const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-19meqgg-0"
@@ -225,18 +225,23 @@ const colorStyles = _ref => {
             variable: 'border.default',
             ...offset100
           });
-          focusBorderColor = reactTheming.getColor(borderOptions);
+          hoverBorderColor = reactTheming.getColor(borderOptions);
+          focusBorderColor = hoverBorderColor;
+          activeBorderColor = reactTheming.getColor({
+            ...borderOptions,
+            ...offset100
+          });
         } else {
           borderColor = reactTheming.getColor(borderOptions);
+          hoverBorderColor = reactTheming.getColor({
+            ...borderOptions,
+            ...offset100
+          });
+          activeBorderColor = reactTheming.getColor({
+            ...borderOptions,
+            ...offset200
+          });
         }
-        hoverBorderColor = reactTheming.getColor({
-          ...borderOptions,
-          ...offset100
-        });
-        activeBorderColor = reactTheming.getColor({
-          ...borderOptions,
-          ...offset200
-        });
       }
       backgroundVariable = 'background.primaryEmphasis';
       foregroundVariable = isNeutral ? 'foreground.default' : 'foreground.primary';
@@ -364,7 +369,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.0.0-next.12',
+  'data-garden-version': '9.0.0-next.14',
   type: props.type || 'button'
 })).withConfig({
   displayName: "StyledButton",
@@ -377,7 +382,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$2 = 'buttons.anchor';
 const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.12',
+  'data-garden-version': '9.0.0-next.14',
   as: 'a',
   dir: props.theme.rtl ? 'rtl' : undefined,
   isLink: true,
@@ -391,7 +396,7 @@ StyledAnchor.defaultProps = {
 };
 
 var _path$1;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$1() { return _extends$1 = 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$1.apply(null, arguments); }
 var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -411,7 +416,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.0.0-next.12'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
   displayName: "StyledExternalIcon",
   componentId: "sc-16oz07e-0"
@@ -462,7 +467,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.0.0-next.12'
+    'data-garden-version': '9.0.0-next.14'
   };
 }).withConfig({
   displayName: "StyledIconButton",
@@ -602,7 +607,7 @@ IconButton.defaultProps = {
 };
 
 var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "9.0.0-next.12",
+  "version": "9.0.0-next.14",
   "description": "Components relating to buttons in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0"
   },
@@ -33,8 +33,8 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.12",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.14",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "components",
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "7925ff78236795111e2953efbce549839df3a86d"
+  "gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
 }