@zendeskgarden/react-tabs - npm Package Compare versions

Comparing version 8.74.3 to 8.75.0

dist/index.cjs.js

@@ -47,3 +47,3 @@ /**
   } = _ref;
-  const selectedColor = reactTheming.getColor('primaryHue', 600, theme);
+  const selectedColor = reactTheming.getColorV8('primaryHue', 600, theme);
   return styled.css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], isSelected && 'currentcolor !important', isSelected ? selectedColor : 'inherit', selectedColor, reactTheming.focusStyles({
@@ -58,3 +58,3 @@ theme,
     }
-  }), selectedColor, props => reactTheming.getColor('neutralHue', 400, props.theme));
+  }), selectedColor, props => reactTheming.getColorV8('neutralHue', 400, props.theme));
 };
@@ -72,3 +72,3 @@ const sizeStyles = _ref2 => {
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -85,7 +85,7 @@ displayName: "StyledTab",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
-})(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => reactTheming.getColor('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => reactTheming.getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
+})(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => reactTheming.getColorV8('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => reactTheming.getColorV8('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
 StyledTabList.defaultProps = {
@@ -98,3 +98,3 @@ theme: reactTheming.DEFAULT_THEME
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -117,3 +117,3 @@ displayName: "StyledTabPanel",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -120,0 +120,0 @@ displayName: "StyledTabs",

dist/index.esm.js

@@ -12,3 +12,3 @@ /**
 import styled, { css, ThemeContext } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, DEFAULT_THEME, getColorV8, focusStyles } from '@zendeskgarden/react-theming';
 import { stripUnit } from 'polished';
@@ -39,3 +39,3 @@ import { useTabs } from '@zendeskgarden/container-tabs';
   } = _ref;
-  const selectedColor = getColor('primaryHue', 600, theme);
+  const selectedColor = getColorV8('primaryHue', 600, theme);
   return css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], isSelected && 'currentcolor !important', isSelected ? selectedColor : 'inherit', selectedColor, focusStyles({
@@ -50,3 +50,3 @@ theme,
     }
-  }), selectedColor, props => getColor('neutralHue', 400, props.theme));
+  }), selectedColor, props => getColorV8('neutralHue', 400, props.theme));
 };
@@ -64,3 +64,3 @@ const sizeStyles = _ref2 => {
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -77,7 +77,7 @@ displayName: "StyledTab",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
-})(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => getColor('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$2, props));
+})(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => getColorV8('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => getColorV8('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$2, props));
 StyledTabList.defaultProps = {
@@ -90,3 +90,3 @@ theme: DEFAULT_THEME
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -109,3 +109,3 @@ displayName: "StyledTabPanel",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.3'
+  'data-garden-version': '8.75.0'
 }).withConfig({
@@ -112,0 +112,0 @@ displayName: "StyledTabs",

package.json

 {
   "name": "@zendeskgarden/react-tabs",
-  "version": "8.74.3",
+  "version": "8.75.0",
   "description": "Components and render prop containers relating to the Garden Design System.",
@@ -37,3 +37,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.74.3"
+    "@zendeskgarden/react-theming": "^8.75.0"
   },
@@ -50,3 +50,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
+  "gitHead": "56a54793a611efc223b8e36262d428365613c853"
 }

No alert changes

Improved metrics

Total package byte prevSize

39235

increased by0.05%

No dependency changes