@zendeskgarden/react-tabs - npm Package Compare versions

Comparing version 9.0.0-next.4 to 9.0.0-next.5

dist/index.cjs.js

@@ -46,3 +46,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({
@@ -57,3 +57,3 @@ theme,
     }
-  }), selectedColor, props => reactTheming.getColor('neutralHue', 400, props.theme));
+  }), selectedColor, props => reactTheming.getColorV8('neutralHue', 400, props.theme));
 };
@@ -71,3 +71,3 @@ const sizeStyles = _ref2 => {
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -84,7 +84,7 @@ displayName: "StyledTab",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).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 = {
@@ -97,3 +97,3 @@ theme: reactTheming.DEFAULT_THEME
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -116,3 +116,3 @@ displayName: "StyledTabPanel",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -119,0 +119,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': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -77,7 +77,7 @@ displayName: "StyledTab",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).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': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -109,3 +109,3 @@ displayName: "StyledTabPanel",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.4'
+  'data-garden-version': '9.0.0-next.5'
 }).withConfig({
@@ -112,0 +112,0 @@ displayName: "StyledTabs",

dist/typings/elements/Tab.d.ts

@@ -10,4 +10,6 @@ /**
 /**
+ * @deprecated use `Tabs.Tab` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Tab: React.ForwardRefExoticComponent<ITabProps & React.RefAttributes<HTMLDivElement>>;

dist/typings/elements/TabList.d.ts

@@ -9,4 +9,6 @@ /**
 /**
+ * @deprecated use `Tabs.TabList` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const TabList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

dist/typings/elements/TabPanel.d.ts

@@ -10,4 +10,6 @@ /**
 /**
+ * @deprecated use `Tabs.TabPanel` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const TabPanel: React.ForwardRefExoticComponent<ITabPanelProps & React.RefAttributes<HTMLDivElement>>;

dist/typings/index.d.ts

@@ -7,9 +7,6 @@ /**
  */
-/** @deprecated use `Tabs.Tab` instead */
 export { Tab } from './elements/Tab';
-/** @deprecated use `Tabs.TabList` instead */
 export { TabList } from './elements/TabList';
-/** @deprecated use `Tabs.TabPanel` instead */
 export { TabPanel } from './elements/TabPanel';
 export { Tabs } from './elements/Tabs';
 export type { ITabProps, ITabPanelProps, ITabsProps } from './types';

package.json

 {
   "name": "@zendeskgarden/react-tabs",
-  "version": "9.0.0-next.4",
+  "version": "9.0.0-next.5",
   "description": "Components and render prop containers relating to the Garden Design System.",
@@ -34,6 +34,6 @@ "license": "Apache-2.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.4"
+    "@zendeskgarden/react-theming": "^9.0.0-next.5"
   },
@@ -50,3 +50,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "749220247e3a22d2d502dcb3691d81e6a3d52b02"
+  "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
 }

No alert changes

Improved metrics

Total package byte prevSize

39985

increased by0.04%

Lines of code

707

increased by0.43%

No dependency changes