@zendeskgarden/react-buttons - npm Package Compare versions

Comparing version 9.0.0-next.13 to 9.0.0-next.14

dist/esm/styled/StyledAnchor.js

@@ -14,3 +14,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.13',
+  'data-garden-version': '9.0.0-next.14',
   as: 'a',
@@ -17,0 +17,0 @@ dir: props.theme.rtl ? 'rtl' : undefined,

dist/esm/styled/StyledButton.js

@@ -167,14 +167,19 @@ /**
           });
-          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
-        });
       }
@@ -307,3 +312,3 @@ backgroundVariable = 'background.primaryEmphasis';
   'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.13',
+  'data-garden-version': '9.0.0-next.14',
   type: props.type || 'button'
@@ -310,0 +315,0 @@ })).withConfig({

dist/esm/styled/StyledExternalIcon.js

@@ -14,3 +14,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -17,0 +17,0 @@ displayName: "StyledExternalIcon",

dist/esm/styled/StyledIcon.js

@@ -22,3 +22,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -25,0 +25,0 @@ displayName: "StyledIcon",

dist/esm/styled/StyledIconButton.js

@@ -54,3 +54,3 @@ /**
     'data-garden-id': externalId && externalId !== COMPONENT_ID$1 ? externalId : COMPONENT_ID,
-    'data-garden-version': '9.0.0-next.13'
+    'data-garden-version': '9.0.0-next.14'
   };
@@ -57,0 +57,0 @@ }).withConfig({

dist/esm/styled/StyledSplitButton.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledSplitButton",

dist/index.cjs.js

@@ -44,3 +44,3 @@ /**
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -66,3 +66,3 @@ displayName: "StyledSplitButton",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -230,14 +230,19 @@ displayName: "StyledIcon",
           });
-          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
-        });
       }
@@ -370,3 +375,3 @@ backgroundVariable = 'background.primaryEmphasis';
   'data-garden-id': props['data-garden-id'] || COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.13',
+  'data-garden-version': '9.0.0-next.14',
   type: props.type || 'button'
@@ -384,3 +389,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.13',
+  'data-garden-version': '9.0.0-next.14',
   as: 'a',
@@ -419,3 +424,3 @@ dir: props.theme.rtl ? 'rtl' : undefined,
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.13'
+  'data-garden-version': '9.0.0-next.14'
 }).withConfig({
@@ -471,3 +476,3 @@ displayName: "StyledExternalIcon",
     'data-garden-id': externalId && externalId !== COMPONENT_ID$3 ? externalId : COMPONENT_ID,
-    'data-garden-version': '9.0.0-next.13'
+    'data-garden-version': '9.0.0-next.14'
   };
@@ -474,0 +479,0 @@ }).withConfig({

package.json

 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "9.0.0-next.13",
+  "version": "9.0.0-next.14",
   "description": "Components relating to buttons in the Garden Design System",
@@ -36,3 +36,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.13",
+    "@zendeskgarden/react-theming": "^9.0.0-next.14",
     "@zendeskgarden/svg-icons": "7.1.1"
@@ -49,3 +49,4 @@ },
   },
-  "zendeskgarden:src": "src/index.ts"
+  "zendeskgarden:src": "src/index.ts",
+  "gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

82248

increased by14.78%

Number of package files

43

increased by2.38%

Lines of code

1863

increased by0.54%

No dependency changes