@zendeskgarden/react-tabs - npm Package Compare versions

Comparing version 9.0.0-next.23 to 9.0.0-next.24

dist/esm/styled/StyledTab.js

@@ -15,4 +15,3 @@ /**
     theme,
-    $isSelected,
-    $isVertical
+    $isSelected
   } = _ref;
@@ -23,4 +22,2 @@ const borderColor = $isSelected ? getColor({
   }) : 'transparent';
-  const borderBlockEndColor = $isVertical ? undefined : borderColor;
-  const borderInlineColor = $isVertical ? borderColor : undefined;
   const selectedColor = getColor({
@@ -35,3 +32,3 @@ theme,
   });
-  return css(["border-bottom-color:", ";border-", "-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], borderBlockEndColor, theme.rtl ? 'right' : 'left', borderInlineColor, foregroundColor, selectedColor, focusStyles({
+  return css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], borderColor, foregroundColor, selectedColor, focusStyles({
     theme,
@@ -69,3 +66,3 @@ inset: true,
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -72,0 +69,0 @@ displayName: "StyledTab",

dist/esm/styled/StyledTabList.js

@@ -23,3 +23,3 @@ /**
   });
-  return css(["color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
+  return css(["transition:border-color 0.25s ease-in-out;color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
 };
@@ -39,3 +39,3 @@ const sizeStyles = _ref2 => {
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -42,0 +42,0 @@ displayName: "StyledTabList",

dist/esm/styled/StyledTabPanel.js

@@ -21,3 +21,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -24,0 +24,0 @@ displayName: "StyledTabPanel",

dist/esm/styled/StyledTabs.js

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

dist/index.cjs.js

@@ -28,4 +28,3 @@ /**
     theme,
-    $isSelected,
-    $isVertical
+    $isSelected
   } = _ref;
@@ -36,4 +35,2 @@ const borderColor = $isSelected ? reactTheming.getColor({
   }) : 'transparent';
-  const borderBlockEndColor = $isVertical ? undefined : borderColor;
-  const borderInlineColor = $isVertical ? borderColor : undefined;
   const selectedColor = reactTheming.getColor({
@@ -48,3 +45,3 @@ theme,
   });
-  return styled.css(["border-bottom-color:", ";border-", "-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], borderBlockEndColor, theme.rtl ? 'right' : 'left', borderInlineColor, foregroundColor, selectedColor, reactTheming.focusStyles({
+  return styled.css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], borderColor, foregroundColor, selectedColor, reactTheming.focusStyles({
     theme,
@@ -82,3 +79,3 @@ inset: true,
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -110,3 +107,3 @@ displayName: "StyledTab",
   });
-  return styled.css(["color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
+  return styled.css(["transition:border-color 0.25s ease-in-out;color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
 };
@@ -126,3 +123,3 @@ const sizeStyles$1 = _ref2 => {
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -147,3 +144,3 @@ displayName: "StyledTabList",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -160,3 +157,3 @@ displayName: "StyledTabPanel",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
@@ -163,0 +160,0 @@ displayName: "StyledTabs",

package.json

 {
   "name": "@zendeskgarden/react-tabs",
-  "version": "9.0.0-next.23",
+  "version": "9.0.0-next.24",
   "description": "Components and render prop containers relating to the Garden Design System.",
@@ -37,3 +37,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.23"
+    "@zendeskgarden/react-theming": "^9.0.0-next.24"
   },
@@ -50,3 +50,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
+  "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
 }

No alert changes

Worsened metrics

Total package byte prevSize

45966

decreased by-0.85%

Lines of code

910

decreased by-0.87%

No dependency changes