@zendeskgarden/react-tabs 8.46.0 → 8.48.0

package/dist/index.cjs.js

@@ -30,14 +30,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -45,19 +40,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -207,10 +195,10 @@ var sizeStyles = function sizeStyles(_ref2) {
   var paddingBottom = paddingTop - polished.stripUnit(theme.borderWidths.md) - polished.stripUnit(theme.borderWidths.sm);
   return styled.css(["padding:", "px ", "px ", "px;"], paddingTop, paddingHorizontal, paddingBottom);
 };
-var StyledTab = styled__default['default'].div.attrs(function (props) {
+var StyledTab = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.46.0',
+    'data-garden-version': '8.48.0',
     'aria-disabled': props.disabled
   };
 }).withConfig({
@@ -238,9 +226,9 @@ StyledTab.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'tabs.tablist';
-var StyledTabList = styled__default['default'].div.attrs({
+var StyledTabList = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
@@ -266,9 +254,9 @@ StyledTabList.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'tabs.tabpanel';
-var StyledTabPanel = styled__default['default'].div.attrs({
+var StyledTabPanel = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabPanel",
   componentId: "sc-7lhrmp-0"
@@ -284,9 +272,9 @@ var verticalStyling = function verticalStyling(_ref) {
   var theme = _ref.theme;
   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);
 };
-var StyledTabs = styled__default['default'].div.attrs({
+var StyledTabs = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabs",
   componentId: "sc-1qaor65-0"
@@ -307,20 +295,20 @@ var useTabsContext = function useTabsContext() {
 };
 
 var _excluded$2 = ["disabled", "item"];
-var Tab = React__default['default'].forwardRef(function (_ref, ref) {
+var Tab = React__default["default"].forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
       item = _ref.item,
       otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var tabsPropGetters = useTabsContext();
   var tabRef = React.useRef();
   if (disabled || !tabsPropGetters) {
-    return React__default['default'].createElement(StyledTab, _extends({
+    return React__default["default"].createElement(StyledTab, _extends({
       disabled: disabled,
-      ref: mergeRefs__default['default']([tabRef, ref])
+      ref: mergeRefs__default["default"]([tabRef, ref])
     }, otherProps));
   }
-  return React__default['default'].createElement(StyledTab, _extends({
-    ref: mergeRefs__default['default']([tabRef, ref])
+  return React__default["default"].createElement(StyledTab, _extends({
+    ref: mergeRefs__default["default"]([tabRef, ref])
   }, tabsPropGetters.getTabProps(_objectSpread2({
     item: item,
     focusRef: tabRef,
@@ -330,34 +318,34 @@ var Tab = React__default['default'].forwardRef(function (_ref, 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
 };
 
-var TabList = React__default['default'].forwardRef(function (props, ref) {
+var TabList = React__default["default"].forwardRef(function (props, ref) {
   var tabsPropGetters = useTabsContext();
   if (!tabsPropGetters) {
-    return React__default['default'].createElement(StyledTabList, _extends({
+    return React__default["default"].createElement(StyledTabList, _extends({
       ref: ref
     }, props));
   }
-  return React__default['default'].createElement(StyledTabList, tabsPropGetters.getTabListProps(_objectSpread2({
+  return React__default["default"].createElement(StyledTabList, tabsPropGetters.getTabListProps(_objectSpread2({
     ref: ref
   }, props)));
 });
 TabList.displayName = 'TabList';
 
 var _excluded$1 = ["item"];
-var TabPanel = React__default['default'].forwardRef(function (_ref, ref) {
+var TabPanel = React__default["default"].forwardRef(function (_ref, ref) {
   var item = _ref.item,
       otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var tabsPropGetters = useTabsContext();
   if (!tabsPropGetters) {
-    return React__default['default'].createElement(StyledTabPanel, _extends({
+    return React__default["default"].createElement(StyledTabPanel, _extends({
       ref: ref
     }, otherProps));
   }
-  return React__default['default'].createElement(StyledTabPanel, tabsPropGetters.getTabPanelProps(_objectSpread2({
+  return React__default["default"].createElement(StyledTabPanel, tabsPropGetters.getTabPanelProps(_objectSpread2({
     item: item,
     ref: ref,
     index: tabsPropGetters.tabPanelIndexRef.current++,
@@ -366,11 +354,11 @@ var TabPanel = React__default['default'].forwardRef(function (_ref, ref) {
 });
 TabPanel.displayName = 'TabPanel';
 TabPanel.propTypes = {
-  item: PropTypes__default['default'].any
+  item: PropTypes__default["default"].any
 };
 
 var _excluded = ["isVertical", "children", "onChange", "selectedItem"];
-var Tabs = React__default['default'].forwardRef(function (_ref, ref) {
+var Tabs = React.forwardRef(function (_ref, ref) {
   var isVertical = _ref.isVertical,
       children = _ref.children,
       onChange = _ref.onChange,
@@ -403,22 +391,23 @@ var Tabs = React__default['default'].forwardRef(function (_ref, ref) {
       tabPanelIndexRef: 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
 };
+Tabs.displayName = 'Tabs';
 
 exports.Tab = Tab;
 exports.TabList = TabList;

package/dist/index.esm.js

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React, { createContext, useContext, useRef, useState, useMemo } from 'react';
+import React, { createContext, useContext, useRef, forwardRef, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mergeRefs from 'react-merge-refs';
 import styled, { css, ThemeContext } from 'styled-components';
@@ -19,14 +19,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -34,19 +29,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -199,7 +187,7 @@ var sizeStyles = function sizeStyles(_ref2) {
 var StyledTab = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.46.0',
+    'data-garden-version': '8.48.0',
     'aria-disabled': props.disabled
   };
 }).withConfig({
@@ -229,7 +217,7 @@ StyledTab.defaultProps = {
 var COMPONENT_ID$2 = 'tabs.tablist';
 var StyledTabList = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabList",
   componentId: "sc-wa5aaj-0"
@@ -257,7 +245,7 @@ StyledTabList.defaultProps = {
 var COMPONENT_ID$1 = 'tabs.tabpanel';
 var StyledTabPanel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabPanel",
   componentId: "sc-7lhrmp-0"
@@ -275,7 +263,7 @@ var verticalStyling = function verticalStyling(_ref) {
 };
 var StyledTabs = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTabs",
   componentId: "sc-1qaor65-0"
@@ -359,7 +347,7 @@ TabPanel.propTypes = {
 };
 
 var _excluded = ["isVertical", "children", "onChange", "selectedItem"];
-var Tabs = React.forwardRef(function (_ref, ref) {
+var Tabs = forwardRef(function (_ref, ref) {
   var isVertical = _ref.isVertical,
       children = _ref.children,
       onChange = _ref.onChange,
@@ -408,5 +396,6 @@ Tabs.propTypes = {
 Tabs.defaultProps = {
   isVertical: false
 };
+Tabs.displayName = 'Tabs';
 
 export { Tab, TabList, TabPanel, Tabs };

package/dist/typings/elements/Tabs.d.ts

@@ -24,5 +24,4 @@ export interface ITabsProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-declare const Tabs: React.ForwardRefExoticComponent<ITabsProps & React.RefAttributes<HTMLDivElement>>;
-export default Tabs;
+export declare const Tabs: React.ForwardRefExoticComponent<ITabsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/index.d.ts

@@ -9,5 +9,5 @@ export type { ITabProps } from './elements/Tab';
 export { TabList } from './elements/TabList';
 export { TabPanel } from './elements/TabPanel';
 export type { ITabPanelProps } from './elements/TabPanel';
-export { default as Tabs } from './elements/Tabs';
+export { Tabs } from './elements/Tabs';
 export type { ITabsProps } from './elements/Tabs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tabs",
-  "version": "8.46.0",
+  "version": "8.48.0",
   "description": "Components and render prop containers relating to the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-tabs": "^0.5.8",
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^1.1.0"
@@ -34,7 +34,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.46.0"
+    "@zendeskgarden/react-theming": "^8.48.0"
   },
   "keywords": [
     "components",
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "9e577b188009344c7ad0a035749930a4e19e400a"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }