@instructure/ui-tabs 8.13.1-snapshot.9 → 8.14.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.14.0](https://github.com/instructure/instructure-ui/compare/v8.13.0...v8.14.0) (2021-12-16)
+
+**Note:** Version bump only for package @instructure/ui-tabs
+
 # [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
 
 **Note:** Version bump only for package @instructure/ui-tabs

package/es/Tabs/Panel/index.js

@@ -41,6 +41,7 @@ import { allowedProps, propTypes } from './props';
 parent: Tabs
 id: Tabs.Panel
 ---
+@tsProps
 **/
 
 let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Panel extends Component {
@@ -64,7 +65,7 @@ let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
 
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
@@ -110,14 +111,11 @@ let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   }
 
 }, _class2.displayName = "Panel", _class2.componentId = 'Tabs.Panel', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
-  children: null,
   isDisabled: false,
   textAlign: 'start',
   variant: 'default',
-  labelledBy: null,
   isSelected: false,
-  padding: 'small',
-  elementRef: el => {}
+  padding: 'small'
 }, _temp)) || _class);
 export default Panel;
 export { Panel };

package/es/Tabs/Panel/props.js

@@ -24,10 +24,6 @@
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {
-  /**
-   * The content that will be rendered in the corresponding <Tab /> and will label
-   * this `<Tabs.Panel />` for screen readers
-   */
   renderTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
   children: PropTypes.node,
   variant: PropTypes.oneOf(['default', 'secondary']),
@@ -39,10 +35,6 @@ const propTypes = {
   labelledBy: PropTypes.string,
   padding: ThemeablePropTypes.spacing,
   textAlign: PropTypes.oneOf(['start', 'center', 'end']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func
 };
 const allowedProps = ['renderTitle', 'children', 'variant', 'isSelected', 'isDisabled', 'maxHeight', 'minHeight', 'id', 'labelledBy', 'padding', 'textAlign', 'elementRef'];

package/es/Tabs/Tab/index.js

@@ -28,7 +28,7 @@ var _dec, _class, _class2, _temp;
  */
 
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { passthroughProps, callRenderProp } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
 import { withStyle, jsx } from '@instructure/emotion';
@@ -40,6 +40,7 @@ import { allowedProps, propTypes } from './props';
 parent: Tabs
 id: Tabs.Tab
 ---
+@tsProps
 **/
 
 let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Tab extends Component {
@@ -57,10 +58,12 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
         return;
       }
 
-      onClick(event, {
-        index,
-        id
-      });
+      if (typeof onClick === 'function') {
+        onClick(event, {
+          index,
+          id
+        });
+      }
     };
 
     this.handleKeyDown = event => {
@@ -74,10 +77,12 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
         return;
       }
 
-      onKeyDown(event, {
-        index,
-        id
-      });
+      if (typeof onKeyDown === 'function') {
+        onKeyDown(event, {
+          index,
+          id
+        });
+      }
     };
   }
 
@@ -87,7 +92,7 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props4;
 
     (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
@@ -114,25 +119,16 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       "aria-selected": isSelected ? 'true' : void 0,
       "aria-disabled": isDisabled ? 'true' : void 0,
       "aria-controls": controls,
-      tabIndex: isSelected && !isDisabled ? '0' : void 0,
+      tabIndex: isSelected && !isDisabled ? 0 : void 0,
       position: "relative",
       focusPosition: "inset"
     }), callRenderProp(children));
   }
 
 }, _class2.displayName = "Tab", _class2.componentId = 'Tabs.Tab', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
-  children: null,
   variant: 'default',
   isDisabled: false,
-  isSelected: false,
-  onClick: (event, _ref) => {
-    let index = _ref.index,
-        id = _ref.id;
-  },
-  onKeyDown: (event, _ref2) => {
-    let index = _ref2.index,
-        id = _ref2.id;
-  }
+  isSelected: false
 }, _temp)) || _class);
 export default Tab;
 export { Tab };

package/es/Tabs/TabsLocator.js

@@ -25,7 +25,8 @@ import { locator } from '@instructure/ui-test-locator';
 import { Tabs } from './index';
 const TabLocator = locator('[role="tab"]');
 const PanelLocator = locator('[role="tabpanel"]');
-const SelectedTabLocator = locator('[role="tab"][aria-selected="true"]');
+const SelectedTabLocator = locator('[role="tab"][aria-selected="true"]'); // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const TabsLocator = locator(Tabs.selector, {
   findTab: function () {
     return TabLocator.find(...arguments);

package/es/Tabs/index.js

@@ -51,10 +51,16 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class Tabs extends Component {
   constructor(props) {
     super(props);
+    this._tabList = null;
+    this._focusable = null;
+    this._tabListPosition = void 0;
+    this._debounced = void 0;
+    this._resizeListener = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -67,8 +73,7 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
     };
 
     this.handleTabClick = (event, _ref) => {
-      let index = _ref.index,
-          id = _ref.id;
+      let index = _ref.index;
       const nextTab = this.getNextTab(index, 0);
       this.fireOnChange(event, nextTab);
     };
@@ -106,8 +111,6 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
       this._tabList = el;
     };
 
-    this._tabList = null;
-    this._tabListPosition = null;
     this.state = {
       withTabListOverflow: false
     };
@@ -127,7 +130,7 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate(prevProps, prevState) {
     var _this$props$makeStyle2, _this$props2;
 
     if (this.props.shouldFocusOnRender && !prevProps.shouldFocusOnRender) {
@@ -176,7 +179,9 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
         const newWidth = entry.contentRect.width;
 
         if (this._tabListPosition.width !== newWidth) {
-          this._debounced();
+          var _this$_debounced;
+
+          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this);
         }
       }
     });
@@ -200,13 +205,15 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
           tabOverflow = _this$props3.tabOverflow,
           styles = _this$props3.styles;
 
-    if (tabOverflow === 'scroll') {
+    if (styles && tabOverflow === 'scroll') {
       if (variant === 'default') {
         return px(styles === null || styles === void 0 ? void 0 : styles.scrollOverlayWidthDefault);
       } else {
         return px(styles === null || styles === void 0 ? void 0 : styles.scrollOverlayWidthSecondary);
       }
     }
+
+    return 0;
   }
 
   showActiveTabIfOverlayed(activeTabEl) {
@@ -380,12 +387,6 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
 
 }, _class2.displayName = "Tabs", _class2.componentId = 'Tabs', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   variant: 'default',
-  onRequestTabChange: (event, _ref4) => {
-    let index = _ref4.index,
-        id = _ref4.id;
-  },
-  children: null,
-  elementRef: () => {},
   shouldFocusOnRender: false,
   tabOverflow: 'stack'
 }, _class2.Panel = Panel, _class2.Tab = Tab, _temp)) || _class) || _class) || _class);

package/es/Tabs/props.js

@@ -26,50 +26,18 @@ import { Children } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 import { Panel } from './Panel';
 const propTypes = {
-  /**
-   * children of type `Tabs.Panel`
-   */
   children: Children.oneOf([Panel, null]),
   variant: PropTypes.oneOf(['default', 'secondary']),
-
-  /**
-   * A screen ready only label for the list of tabs
-   */
   screenReaderLabel: PropTypes.string,
-
-  /**
-   * Called when the selected tab should change
-   */
   onRequestTabChange: PropTypes.func,
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   fixHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: ThemeablePropTypes.spacing,
-
-  /**
-   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-   */
   padding: ThemeablePropTypes.spacing,
   textAlign: PropTypes.oneOf(['start', 'center', 'end']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func,
-
-  /**
-   * Choose whether Tabs should stack or scroll when they exceed the width of their
-   * container.
-   */
   tabOverflow: PropTypes.oneOf(['stack', 'scroll']),
   shouldFocusOnRender: PropTypes.bool
 };

package/lib/Tabs/Panel/index.js

@@ -34,6 +34,7 @@ var _dec, _class, _class2, _temp;
 parent: Tabs
 id: Tabs.Panel
 ---
+@tsProps
 **/
 let Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Panel extends _react.Component {
   constructor() {
@@ -56,7 +57,7 @@ let Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
 
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
@@ -101,14 +102,11 @@ let Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }
 
 }, _class2.displayName = "Panel", _class2.componentId = 'Tabs.Panel', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  children: null,
   isDisabled: false,
   textAlign: 'start',
   variant: 'default',
-  labelledBy: null,
   isSelected: false,
-  padding: 'small',
-  elementRef: el => {}
+  padding: 'small'
 }, _temp)) || _class);
 exports.Panel = Panel;
 var _default = Panel;

package/lib/Tabs/Panel/props.js

@@ -35,10 +35,6 @@ var _emotion = require("@instructure/emotion");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * The content that will be rendered in the corresponding <Tab /> and will label
-   * this `<Tabs.Panel />` for screen readers
-   */
   renderTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   children: _propTypes.default.node,
   variant: _propTypes.default.oneOf(['default', 'secondary']),
@@ -50,10 +46,6 @@ const propTypes = {
   labelledBy: _propTypes.default.string,
   padding: _emotion.ThemeablePropTypes.spacing,
   textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;

package/lib/Tabs/Tab/index.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +11,7 @@ exports.default = exports.Tab = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 
@@ -34,6 +36,7 @@ var _dec, _class, _class2, _temp;
 parent: Tabs
 id: Tabs.Tab
 ---
+@tsProps
 **/
 let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Tab extends _react.Component {
   constructor() {
@@ -50,10 +53,12 @@ let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
         return;
       }
 
-      onClick(event, {
-        index,
-        id
-      });
+      if (typeof onClick === 'function') {
+        onClick(event, {
+          index,
+          id
+        });
+      }
     };
 
     this.handleKeyDown = event => {
@@ -67,10 +72,12 @@ let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
         return;
       }
 
-      onKeyDown(event, {
-        index,
-        id
-      });
+      if (typeof onKeyDown === 'function') {
+        onKeyDown(event, {
+          index,
+          id
+        });
+      }
     };
   }
 
@@ -80,7 +87,7 @@ let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
     (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props4;
 
     (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
@@ -106,25 +113,16 @@ let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
       "aria-selected": isSelected ? 'true' : void 0,
       "aria-disabled": isDisabled ? 'true' : void 0,
       "aria-controls": controls,
-      tabIndex: isSelected && !isDisabled ? '0' : void 0,
+      tabIndex: isSelected && !isDisabled ? 0 : void 0,
       position: "relative",
       focusPosition: "inset"
     }), (0, _callRenderProp.callRenderProp)(children));
   }
 
 }, _class2.displayName = "Tab", _class2.componentId = 'Tabs.Tab', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  children: null,
   variant: 'default',
   isDisabled: false,
-  isSelected: false,
-  onClick: (event, _ref) => {
-    let index = _ref.index,
-        id = _ref.id;
-  },
-  onKeyDown: (event, _ref2) => {
-    let index = _ref2.index,
-        id = _ref2.id;
-  }
+  isSelected: false
 }, _temp)) || _class);
 exports.Tab = Tab;
 var _default = Tab;

package/lib/Tabs/TabsLocator.js

@@ -34,7 +34,8 @@ var _index = require("./index");
  */
 const TabLocator = (0, _locator.locator)('[role="tab"]');
 const PanelLocator = (0, _locator.locator)('[role="tabpanel"]');
-const SelectedTabLocator = (0, _locator.locator)('[role="tab"][aria-selected="true"]');
+const SelectedTabLocator = (0, _locator.locator)('[role="tab"][aria-selected="true"]'); // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 const TabsLocator = (0, _locator.locator)(_index.Tabs.selector, {
   findTab: function () {
     return TabLocator.find(...arguments);

package/lib/Tabs/index.js

@@ -65,10 +65,16 @@ var _dec, _dec2, _dec3, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
 **/
 let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class Tabs extends _react.Component {
   constructor(props) {
     super(props);
+    this._tabList = null;
+    this._focusable = null;
+    this._tabListPosition = void 0;
+    this._debounced = void 0;
+    this._resizeListener = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -81,8 +87,7 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     };
 
     this.handleTabClick = (event, _ref) => {
-      let index = _ref.index,
-          id = _ref.id;
+      let index = _ref.index;
       const nextTab = this.getNextTab(index, 0);
       this.fireOnChange(event, nextTab);
     };
@@ -120,8 +125,6 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       this._tabList = el;
     };
 
-    this._tabList = null;
-    this._tabListPosition = null;
     this.state = {
       withTabListOverflow: false
     };
@@ -141,7 +144,7 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate(prevProps, prevState) {
     var _this$props$makeStyle2, _this$props2;
 
     if (this.props.shouldFocusOnRender && !prevProps.shouldFocusOnRender) {
@@ -190,7 +193,9 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
         const newWidth = entry.contentRect.width;
 
         if (this._tabListPosition.width !== newWidth) {
-          this._debounced();
+          var _this$_debounced;
+
+          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this);
         }
       }
     });
@@ -214,13 +219,15 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
           tabOverflow = _this$props3.tabOverflow,
           styles = _this$props3.styles;
 
-    if (tabOverflow === 'scroll') {
+    if (styles && tabOverflow === 'scroll') {
       if (variant === 'default') {
         return (0, _px.px)(styles === null || styles === void 0 ? void 0 : styles.scrollOverlayWidthDefault);
       } else {
         return (0, _px.px)(styles === null || styles === void 0 ? void 0 : styles.scrollOverlayWidthSecondary);
       }
     }
+
+    return 0;
   }
 
   showActiveTabIfOverlayed(activeTabEl) {
@@ -397,12 +404,6 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
 
 }, _class2.displayName = "Tabs", _class2.componentId = 'Tabs', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   variant: 'default',
-  onRequestTabChange: (event, _ref4) => {
-    let index = _ref4.index,
-        id = _ref4.id;
-  },
-  children: null,
-  elementRef: () => {},
   shouldFocusOnRender: false,
   tabOverflow: 'stack'
 }, _class2.Panel = _Panel.Panel, _class2.Tab = _Tab.Tab, _temp)) || _class) || _class) || _class);

package/lib/Tabs/props.js

@@ -39,50 +39,18 @@ var _Panel = require("./Panel");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * children of type `Tabs.Panel`
-   */
   children: _Children.Children.oneOf([_Panel.Panel, null]),
   variant: _propTypes.default.oneOf(['default', 'secondary']),
-
-  /**
-   * A screen ready only label for the list of tabs
-   */
   screenReaderLabel: _propTypes.default.string,
-
-  /**
-   * Called when the selected tab should change
-   */
   onRequestTabChange: _propTypes.default.func,
   maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   minHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   fixHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: _emotion.ThemeablePropTypes.spacing,
-
-  /**
-   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-   */
   padding: _emotion.ThemeablePropTypes.spacing,
   textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: _propTypes.default.func,
-
-  /**
-   * Choose whether Tabs should stack or scroll when they exceed the width of their
-   * container.
-   */
   tabOverflow: _propTypes.default.oneOf(['stack', 'scroll']),
   shouldFocusOnRender: _propTypes.default.bool
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tabs",
-  "version": "8.13.1-snapshot.9+f32ba918e",
+  "version": "8.14.0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,28 +24,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-color-utils": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-test-locator": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-test-utils": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-themes": "8.13.1-snapshot.9+f32ba918e"
+    "@instructure/ui-babel-preset": "8.14.0",
+    "@instructure/ui-color-utils": "8.14.0",
+    "@instructure/ui-test-locator": "8.14.0",
+    "@instructure/ui-test-utils": "8.14.0",
+    "@instructure/ui-themes": "8.14.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/debounce": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/emotion": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/shared-types": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-dom-utils": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-focusable": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-i18n": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-motion": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-prop-types": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-react-utils": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-testable": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-utils": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/ui-view": "8.13.1-snapshot.9+f32ba918e",
-    "@instructure/uid": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/console": "8.14.0",
+    "@instructure/debounce": "8.14.0",
+    "@instructure/emotion": "8.14.0",
+    "@instructure/shared-types": "8.14.0",
+    "@instructure/ui-dom-utils": "8.14.0",
+    "@instructure/ui-focusable": "8.14.0",
+    "@instructure/ui-i18n": "8.14.0",
+    "@instructure/ui-motion": "8.14.0",
+    "@instructure/ui-prop-types": "8.14.0",
+    "@instructure/ui-react-utils": "8.14.0",
+    "@instructure/ui-testable": "8.14.0",
+    "@instructure/ui-utils": "8.14.0",
+    "@instructure/ui-view": "8.14.0",
+    "@instructure/uid": "8.14.0",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -55,6 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
+  "sideEffects": false
 }