@zendeskgarden/react-tabs 8.62.1 → 8.63.0

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var mergeRefs = require('react-merge-refs');
@@ -18,12 +16,12 @@ var polished = require('polished');
 var containerTabs = require('@zendeskgarden/container-tabs');
 var containerUtilities = require('@zendeskgarden/container-utilities');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -58,9 +56,9 @@ const sizeStyles = _ref2 => {
   const paddingBottom = paddingTop - polished.stripUnit(theme.borderWidths.md) - polished.stripUnit(theme.borderWidths.sm);
   return styled.css(["padding:", "px ", "px ", "px;"], paddingTop, paddingHorizontal, paddingBottom);
 };
-const StyledTab = styled__default["default"].div.attrs({
+const StyledTab = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTab",
   componentId: "sc-x2pbow-0"
@@ -70,9 +68,9 @@ StyledTab.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'tabs.tablist';
-const StyledTabList = styled__default["default"].div.attrs({
+const StyledTabList = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
@@ -82,9 +80,9 @@ StyledTabList.defaultProps = {
 };
 
 const COMPONENT_ID$1 = 'tabs.tabpanel';
-const StyledTabPanel = styled__default["default"].div.attrs({
+const StyledTabPanel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabPanel",
   componentId: "sc-7lhrmp-0"
@@ -100,9 +98,9 @@ const verticalStyling = _ref => {
   } = _ref;
   return styled.css(["display:table;", "{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}", "{display:block;margin-bottom:", "px;margin-left:", ";border-left:", ";border-bottom-style:none;border-", "-style:", ";border-", "-color:transparent;padding:", "px ", "px;text-align:", ";&:last-of-type{margin-bottom:0;}&[data-garden-focus-visible]::before{top:", "px;right:", "px;left:", "px;}}", "{margin-", ":", "px;vertical-align:top;}"], StyledTabList, StyledTab, theme.space.base * 5, theme.rtl && '0', theme.rtl && '0', theme.rtl ? 'right' : 'left', theme.borderStyles.solid, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base * 2, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base, theme.space.base, StyledTabPanel, theme.rtl ? 'right' : 'left', theme.space.base * 8);
 };
-const StyledTabs = styled__default["default"].div.attrs({
+const StyledTabs = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabs",
   componentId: "sc-1qaor65-0"
@@ -116,19 +114,19 @@ const useTabsContext = () => {
   return React.useContext(TabsContext);
 };
 
-const Tab = React__default["default"].forwardRef((_ref, ref) => {
+const Tab = React__default.default.forwardRef((_ref, ref) => {
   let {
     disabled,
     item,
     ...otherProps
   } = _ref;
   const tabsPropGetters = useTabsContext();
-  const tabRef = React__default["default"].createRef();
+  const tabRef = React__default.default.createRef();
   if (disabled || !tabsPropGetters) {
-    return React__default["default"].createElement(StyledTab, _extends({
+    return React__default.default.createElement(StyledTab, _extends({
       role: "tab",
       "aria-disabled": disabled,
-      ref: mergeRefs__default["default"]([tabRef, ref])
+      ref: mergeRefs__default.default([tabRef, ref])
     }, otherProps));
   }
   const tabProps = tabsPropGetters.getTabProps({
@@ -136,40 +134,40 @@ const Tab = React__default["default"].forwardRef((_ref, ref) => {
     focusRef: tabRef,
     index: tabsPropGetters.tabIndexRef.current++
   });
-  return React__default["default"].createElement(StyledTab, _extends({
+  return React__default.default.createElement(StyledTab, _extends({
     isSelected: item === tabsPropGetters.selectedItem
   }, tabProps, otherProps, {
-    ref: mergeRefs__default["default"]([tabRef, ref])
+    ref: mergeRefs__default.default([tabRef, ref])
   }));
 });
 Tab.displayName = 'Tab';
 Tab.propTypes = {
-  disabled: PropTypes__default["default"].bool,
-  item: PropTypes__default["default"].any
+  disabled: PropTypes__default.default.bool,
+  item: PropTypes__default.default.any
 };
 
-const TabList = React__default["default"].forwardRef((props, ref) => {
+const TabList = React__default.default.forwardRef((props, ref) => {
   const tabsPropGetters = useTabsContext();
   if (!tabsPropGetters) {
-    return React__default["default"].createElement(StyledTabList, _extends({
+    return React__default.default.createElement(StyledTabList, _extends({
       ref: ref
     }, props));
   }
   const tabListProps = tabsPropGetters.getTabListProps();
-  return React__default["default"].createElement(StyledTabList, _extends({}, tabListProps, props, {
+  return React__default.default.createElement(StyledTabList, _extends({}, tabListProps, props, {
     ref: ref
   }));
 });
 TabList.displayName = 'TabList';
 
-const TabPanel = React__default["default"].forwardRef((_ref, ref) => {
+const TabPanel = React__default.default.forwardRef((_ref, ref) => {
   let {
     item,
     ...otherProps
   } = _ref;
   const tabsPropGetters = useTabsContext();
   if (!tabsPropGetters) {
-    return React__default["default"].createElement(StyledTabPanel, _extends({
+    return React__default.default.createElement(StyledTabPanel, _extends({
       ref: ref
     }, otherProps));
   }
@@ -177,7 +175,7 @@ const TabPanel = React__default["default"].forwardRef((_ref, ref) => {
     item,
     index: tabsPropGetters.tabPanelIndexRef.current++
   });
-  return React__default["default"].createElement(StyledTabPanel, _extends({
+  return React__default.default.createElement(StyledTabPanel, _extends({
     "aria-hidden": tabsPropGetters.selectedItem !== item
   }, tabPanelProps, otherProps, {
     ref: ref
@@ -185,7 +183,7 @@ const TabPanel = React__default["default"].forwardRef((_ref, ref) => {
 });
 TabPanel.displayName = 'TabPanel';
 TabPanel.propTypes = {
-  item: PropTypes__default["default"].any
+  item: PropTypes__default.default.any
 };
 
 const Tabs = React.forwardRef((_ref, ref) => {
@@ -219,18 +217,18 @@ const Tabs = React.forwardRef((_ref, ref) => {
     tabIndexRef,
     tabPanelIndexRef
   }), [tabPropGetters]);
-  return React__default["default"].createElement(TabsContext.Provider, {
+  return React__default.default.createElement(TabsContext.Provider, {
     value: tabsContextValue
-  }, React__default["default"].createElement(StyledTabs, _extends({
+  }, React__default.default.createElement(StyledTabs, _extends({
     isVertical: isVertical
   }, otherProps, {
     ref: ref
   }), children));
 });
 Tabs.propTypes = {
-  isVertical: PropTypes__default["default"].bool,
-  selectedItem: PropTypes__default["default"].any,
-  onChange: PropTypes__default["default"].func
+  isVertical: PropTypes__default.default.bool,
+  selectedItem: PropTypes__default.default.any,
+  onChange: PropTypes__default.default.func
 };
 Tabs.defaultProps = {
   isVertical: false

package/dist/index.esm.js

@@ -49,7 +49,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledTab = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTab",
   componentId: "sc-x2pbow-0"
@@ -61,7 +61,7 @@ StyledTab.defaultProps = {
 const COMPONENT_ID$2 = 'tabs.tablist';
 const StyledTabList = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
@@ -73,7 +73,7 @@ StyledTabList.defaultProps = {
 const COMPONENT_ID$1 = 'tabs.tabpanel';
 const StyledTabPanel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabPanel",
   componentId: "sc-7lhrmp-0"
@@ -91,7 +91,7 @@ const verticalStyling = _ref => {
 };
 const StyledTabs = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTabs",
   componentId: "sc-1qaor65-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tabs",
-  "version": "8.62.1",
+  "version": "8.63.0",
   "description": "Components and render prop containers relating to the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,7 +34,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.1"
+    "@zendeskgarden/react-theming": "^8.63.0"
   },
   "keywords": [
     "components",
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
 }