@instructure/ui-top-nav-bar 9.0.2-snapshot-2 → 9.0.2-snapshot-4

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.0.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-2) (2024-05-28)
+## [9.0.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-4) (2024-06-05)
 
 **Note:** Version bump only for package @instructure/ui-top-nav-bar
 

package/es/TopNavBar/TopNavBarActionItems/__new-tests__/TopNavBarActionItems.test.js

@@ -220,7 +220,6 @@ describe('<TopNavBarActionItems />', () => {
       // })
     });
   });
-
   describe('item types:', () => {
     it('should not allow avatars', () => {
       const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});

package/es/TopNavBar/TopNavBarActionItems/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2;
+var _dec, _dec2, _dec3, _class, _TopNavBarActionItems;
 /*
  * The MIT License (MIT)
  *
@@ -45,7 +45,7 @@ id: TopNavBar.ActionItems
 ---
 @module TopNavBarActionItems
 **/
-let TopNavBarActionItems = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends Component {
+let TopNavBarActionItems = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarActionItems = class TopNavBarActionItems extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -185,6 +185,6 @@ let TopNavBarActionItems = (_dec = withDeterministicId(), _dec2 = withStyle(gene
       key: item.props.id
     }, item)));
   }
-}, _class2.displayName = "TopNavBarActionItems", _class2.componentId = 'TopNavBar.ActionItems', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarActionItems.displayName = "TopNavBarActionItems", _TopNavBarActionItems.componentId = 'TopNavBar.ActionItems', _TopNavBarActionItems.propTypes = propTypes, _TopNavBarActionItems.allowedProps = allowedProps, _TopNavBarActionItems.defaultProps = {}, _TopNavBarActionItems.contextType = TopNavBarContext, _TopNavBarActionItems)) || _class) || _class) || _class);
 export { TopNavBarActionItems };
 export default TopNavBarActionItems;

package/es/TopNavBar/TopNavBarBrand/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarBrand;
 /*
  * The MIT License (MIT)
  *
@@ -41,7 +41,7 @@ id: TopNavBar.Brand
 ---
 @module TopNavBarBrand
 **/
-let TopNavBarBrand = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends Component {
+let TopNavBarBrand = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_TopNavBarBrand = class TopNavBarBrand extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -100,6 +100,6 @@ let TopNavBarBrand = (_dec = withStyle(generateStyle, generateComponentTheme), _
       "aria-hidden": "true"
     }, renderIcon)));
   }
-}, _class2.displayName = "TopNavBarBrand", _class2.componentId = 'TopNavBar.Brand', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarBrand.displayName = "TopNavBarBrand", _TopNavBarBrand.componentId = 'TopNavBar.Brand', _TopNavBarBrand.propTypes = propTypes, _TopNavBarBrand.allowedProps = allowedProps, _TopNavBarBrand.defaultProps = {}, _TopNavBarBrand.contextType = TopNavBarContext, _TopNavBarBrand)) || _class) || _class);
 export { TopNavBarBrand };
 export default TopNavBarBrand;

package/es/TopNavBar/TopNavBarBreadcrumb/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2, _IconHamburgerLine;
+var _dec, _dec2, _class, _TopNavBarBreadcrumb, _IconHamburgerLine;
 /*
  * The MIT License (MIT)
  *
@@ -42,7 +42,7 @@ id: TopNavBar.Breadcrumb
 ---
 @module TopNavBarBreadcrumb
  **/
-let TopNavBarBreadcrumb = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBreadcrumb extends Component {
+let TopNavBarBreadcrumb = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_TopNavBarBreadcrumb = class TopNavBarBreadcrumb extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -106,6 +106,6 @@ let TopNavBarBreadcrumb = (_dec = withStyle(generateStyle, null), _dec2 = testab
       renderIcon: IconArrowOpenStartLine
     }, lastButOneLink.props.children))));
   }
-}, _class2.displayName = "TopNavBarBreadcrumb", _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarBreadcrumb.displayName = "TopNavBarBreadcrumb", _TopNavBarBreadcrumb.propTypes = propTypes, _TopNavBarBreadcrumb.allowedProps = allowedProps, _TopNavBarBreadcrumb.defaultProps = {}, _TopNavBarBreadcrumb.contextType = TopNavBarContext, _TopNavBarBreadcrumb)) || _class) || _class);
 export { TopNavBarBreadcrumb };
 export default TopNavBarBreadcrumb;

package/es/TopNavBar/TopNavBarItem/__new-tests__/TopNavBarItem.test.js

@@ -117,7 +117,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(borderWidth).to.equal('0px none rgb(255, 255, 255)')
       // })
     });
-
     describe('with "button" variant', () => {
       it('should render the text', () => {
         const _render2 = render(_TopNavBarItem2 || (_TopNavBarItem2 = /*#__PURE__*/React.createElement(TopNavBarItem, {
@@ -162,7 +161,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(borderWidth).to.equal('1px solid rgb(2, 84, 131)')
       // })
     });
-
     describe('with "icon" variant', () => {
       it('should throw error if no icon is provided', () => {
         const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
@@ -248,7 +246,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(parseInt(buttonStyle.height, 10)).to.be.greaterThanOrEqual(42)
       // })
     });
-
     describe('with "avatar" variant', () => {
       it('should throw error if no avatar is provided', () => {
         const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
@@ -984,7 +981,6 @@ describe('<TopNavBarItem />', () => {
     //   ).to.equal('rgb(45, 59, 69)')
     // })
   });
-
   describe('renderAvatar prop', () => {
     it('displays avatar', () => {
       const _render26 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
@@ -1109,7 +1105,6 @@ describe('<TopNavBarItem />', () => {
         expect(button).toHaveTextContent('Menu Item');
         // expect(window.getComputedStyle(button).color).toEqual('rgb(255, 255, 255)')
       });
-
       it('for button variant', () => {
         const _render33 = render(_TopNavBarItem24 || (_TopNavBarItem24 = /*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
@@ -1170,7 +1165,6 @@ describe('<TopNavBarItem />', () => {
       });
     });
   });
-
   describe('as prop', () => {
     it('should render item as a', () => {
       const _render36 = render(_TopNavBarItem25 || (_TopNavBarItem25 = /*#__PURE__*/React.createElement(TopNavBarItem, {

package/es/TopNavBar/TopNavBarItem/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2, _IconArrowOpenUpSolid, _IconArrowOpenDownSol;
+var _dec, _dec2, _dec3, _class, _TopNavBarItem, _IconArrowOpenUpSolid, _IconArrowOpenDownSol;
 /*
  * The MIT License (MIT)
  *
@@ -52,7 +52,7 @@ id: TopNavBar.Item
 ---
 @module TopNavBarItem
 **/
-let TopNavBarItem = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends Component {
+let TopNavBarItem = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarItem = class TopNavBarItem extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -530,11 +530,11 @@ let TopNavBarItem = (_dec = withDeterministicId(), _dec2 = withStyle(generateSty
       css: styles === null || styles === void 0 ? void 0 : styles.topNavBarItem
     }, content);
   }
-}, _class2.displayName = "TopNavBarItem", _class2.componentId = 'TopNavBar.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _TopNavBarItem.displayName = "TopNavBarItem", _TopNavBarItem.componentId = 'TopNavBar.Item', _TopNavBarItem.propTypes = propTypes, _TopNavBarItem.allowedProps = allowedProps, _TopNavBarItem.defaultProps = {
   status: 'default',
   variant: 'default',
   showSubmenuChevron: true,
   shouldCloseOnClick: 'auto'
-}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarItem.contextType = TopNavBarContext, _TopNavBarItem)) || _class) || _class) || _class);
 export { TopNavBarItem };
 export default TopNavBarItem;

package/es/TopNavBar/TopNavBarLayout/DesktopLayout/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarDesktopLayout;
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +37,7 @@ import { propTypes, allowedProps } from './props';
 private: true
 ---
 **/
-let TopNavBarDesktopLayout = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends Component {
+let TopNavBarDesktopLayout = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_TopNavBarDesktopLayout = class TopNavBarDesktopLayout extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -113,6 +113,6 @@ let TopNavBarDesktopLayout = (_dec = withStyle(generateStyle, generateComponentT
       css: styles === null || styles === void 0 ? void 0 : styles.userContainer
     }, renderUser));
   }
-}, _class2.displayName = "TopNavBarDesktopLayout", _class2.componentId = 'TopNavBar.DesktopLayout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarDesktopLayout.displayName = "TopNavBarDesktopLayout", _TopNavBarDesktopLayout.componentId = 'TopNavBar.DesktopLayout', _TopNavBarDesktopLayout.propTypes = propTypes, _TopNavBarDesktopLayout.allowedProps = allowedProps, _TopNavBarDesktopLayout.defaultProps = {}, _TopNavBarDesktopLayout.contextType = TopNavBarContext, _TopNavBarDesktopLayout)) || _class) || _class);
 export { TopNavBarDesktopLayout };
 export default TopNavBarDesktopLayout;

package/es/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2, _IconXLine, _IconHamburgerLine;
+var _dec, _dec2, _dec3, _class, _TopNavBarSmallViewportLayout, _IconXLine, _IconHamburgerLine;
 /*
  * The MIT License (MIT)
  *
@@ -47,7 +47,7 @@ import { propTypes, allowedProps } from './props';
 private: true
 ---
 **/
-let TopNavBarSmallViewportLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends Component {
+let TopNavBarSmallViewportLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarSmallViewportLayout = class TopNavBarSmallViewportLayout extends Component {
   constructor(props) {
     var _props$styles;
     super(props);
@@ -401,6 +401,6 @@ let TopNavBarSmallViewportLayout = (_dec = withDeterministicId(), _dec2 = withSt
       id: this._trayContainerId
     }), !this.hasBreadcrumbBlock && this.renderDropdownMenuTray());
   }
-}, _class2.displayName = "TopNavBarSmallViewportLayout", _class2.componentId = 'TopNavBar.SmallViewportLayout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarSmallViewportLayout.displayName = "TopNavBarSmallViewportLayout", _TopNavBarSmallViewportLayout.componentId = 'TopNavBar.SmallViewportLayout', _TopNavBarSmallViewportLayout.propTypes = propTypes, _TopNavBarSmallViewportLayout.allowedProps = allowedProps, _TopNavBarSmallViewportLayout.defaultProps = {}, _TopNavBarSmallViewportLayout.contextType = TopNavBarContext, _TopNavBarSmallViewportLayout)) || _class) || _class) || _class);
 export { TopNavBarSmallViewportLayout };
 export default TopNavBarSmallViewportLayout;

package/es/TopNavBar/TopNavBarLayout/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["smallViewportConfig", "styles", "makeStyles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarLayout;
 /*
  * The MIT License (MIT)
  *
@@ -41,7 +41,7 @@ id: TopNavBar.Layout
 ---
 @module TopNavBarLayout
 **/
-let TopNavBarLayout = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends Component {
+let TopNavBarLayout = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_TopNavBarLayout = class TopNavBarLayout extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -101,8 +101,8 @@ let TopNavBarLayout = (_dec = withStyle(null, generateComponentTheme), _dec2 = t
       elementRef: this.handleRef
     }));
   }
-}, _class2.displayName = "TopNavBarLayout", _class2.componentId = 'TopNavBar.Layout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _TopNavBarLayout.displayName = "TopNavBarLayout", _TopNavBarLayout.componentId = 'TopNavBar.Layout', _TopNavBarLayout.propTypes = propTypes, _TopNavBarLayout.allowedProps = allowedProps, _TopNavBarLayout.defaultProps = {
   smallViewportConfig: {}
-}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarLayout.contextType = TopNavBarContext, _TopNavBarLayout)) || _class) || _class);
 export { TopNavBarLayout };
 export default TopNavBarLayout;

package/es/TopNavBar/TopNavBarMenuItems/__new-tests__/TopNavBarMenuItems.test.js

@@ -96,7 +96,6 @@ describe('<TopNavBarMenuItems />', () => {
       // expect(listItems[3].getDOMNode()).to.equal(hiddenMenuTrigger.getDOMNode())
       // expect(hiddenMenuTrigger).to.contain(triggerItem?.getDOMNode())
     });
-
     it('should truncate the end of the list', () => {
       const _render6 = render( /*#__PURE__*/React.createElement("div", {
           style: {
@@ -179,7 +178,6 @@ describe('<TopNavBarMenuItems />', () => {
       // expect(error).to.be.false()
     });
   });
-
   describe('listLabel prop', () => {
     it('should set aria-label on the list', () => {
       const _render7 = render( /*#__PURE__*/React.createElement("div", {
@@ -459,7 +457,6 @@ describe('<TopNavBarMenuItems />', () => {
           // expect(error).to.be.false()
         });
       });
-
       it('when the active item is disabled', () => {
         const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
         render(getMenuItems({
@@ -534,7 +531,6 @@ describe('<TopNavBarMenuItems />', () => {
       });
     });
   });
-
   describe('elementRef prop', () => {
     it('should return with the root list element', async () => {
       const elementRef = jest.fn();
@@ -571,7 +567,6 @@ describe('<TopNavBarMenuItems />', () => {
     //   await component.find('[id="TestItem2"]', { expectEmpty: true })
     // ).to.not.exist()
   });
-
   describe('should be accessible', () => {
     it('a11y', async () => {
       const _render12 = render(getMenuItems()),

package/es/TopNavBar/TopNavBarMenuItems/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2, _span;
+var _dec, _dec2, _dec3, _class, _TopNavBarMenuItems, _span;
 /*
  * The MIT License (MIT)
  *
@@ -44,7 +44,7 @@ id: TopNavBar.MenuItems
 ---
 @module TopNavBarMenuItems
 **/
-let TopNavBarMenuItems = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarMenuItems extends Component {
+let TopNavBarMenuItems = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarMenuItems = class TopNavBarMenuItems extends Component {
   constructor(props) {
     super(props);
     this._hiddenMenuItemsMenuTriggerId = void 0;
@@ -179,6 +179,6 @@ let TopNavBarMenuItems = (_dec = withDeterministicId(), _dec2 = withStyle(genera
       "aria-label": listLabel
     }), this.renderChildren());
   }
-}, _class2.displayName = "TopNavBarMenuItems", _class2.componentId = 'TopNavBar.MenuItems', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarMenuItems.displayName = "TopNavBarMenuItems", _TopNavBarMenuItems.componentId = 'TopNavBar.MenuItems', _TopNavBarMenuItems.propTypes = propTypes, _TopNavBarMenuItems.allowedProps = allowedProps, _TopNavBarMenuItems.defaultProps = {}, _TopNavBarMenuItems.contextType = TopNavBarContext, _TopNavBarMenuItems)) || _class) || _class) || _class);
 export { TopNavBarMenuItems };
 export default TopNavBarMenuItems;

package/es/TopNavBar/TopNavBarUser/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarUser;
 /*
  * The MIT License (MIT)
  *
@@ -39,7 +39,7 @@ id: TopNavBar.User
 ---
 @module TopNavBarUser
 **/
-let TopNavBarUser = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarUser extends Component {
+let TopNavBarUser = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_TopNavBarUser = class TopNavBarUser extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -87,6 +87,6 @@ let TopNavBarUser = (_dec = withStyle(generateStyle, null), _dec2 = testable(),
       css: styles === null || styles === void 0 ? void 0 : styles.topNavBarUser
     }), this.content);
   }
-}, _class2.displayName = "TopNavBarUser", _class2.componentId = 'TopNavBar.User', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2.contextType = TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarUser.displayName = "TopNavBarUser", _TopNavBarUser.componentId = 'TopNavBar.User', _TopNavBarUser.propTypes = propTypes, _TopNavBarUser.allowedProps = allowedProps, _TopNavBarUser.defaultProps = {}, _TopNavBarUser.contextType = TopNavBarContext, _TopNavBarUser)) || _class) || _class);
 export { TopNavBarUser };
 export default TopNavBarUser;

package/es/TopNavBar/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _class2;
+var _dec, _class, _TopNavBar;
 /*
  * The MIT License (MIT)
  *
@@ -43,7 +43,7 @@ import { propTypes, allowedProps } from './props';
 category: components
 ---
 **/
-let TopNavBar = (_dec = testable(), _dec(_class = (_class2 = class TopNavBar extends Component {
+let TopNavBar = (_dec = testable(), _dec(_class = (_TopNavBar = class TopNavBar extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -93,10 +93,10 @@ let TopNavBar = (_dec = testable(), _dec(_class = (_class2 = class TopNavBar ext
       }
     });
   }
-}, _class2.displayName = "TopNavBar", _class2.componentId = 'TopNavBar', _class2.ActionItems = TopNavBarActionItems, _class2.Brand = TopNavBarBrand, _class2.Item = TopNavBarItem, _class2.Layout = TopNavBarLayout, _class2.MenuItems = TopNavBarMenuItems, _class2.User = TopNavBarUser, _class2.Breadcrumb = TopNavBarBreadcrumb, _class2.contextType = TopNavBarContext, _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _TopNavBar.displayName = "TopNavBar", _TopNavBar.componentId = 'TopNavBar', _TopNavBar.ActionItems = TopNavBarActionItems, _TopNavBar.Brand = TopNavBarBrand, _TopNavBar.Item = TopNavBarItem, _TopNavBar.Layout = TopNavBarLayout, _TopNavBar.MenuItems = TopNavBarMenuItems, _TopNavBar.User = TopNavBarUser, _TopNavBar.Breadcrumb = TopNavBarBreadcrumb, _TopNavBar.contextType = TopNavBarContext, _TopNavBar.propTypes = propTypes, _TopNavBar.allowedProps = allowedProps, _TopNavBar.defaultProps = {
   breakpoint: 1024,
   mediaQueryMatch: 'media',
   inverseColor: false
-}, _class2)) || _class);
+}, _TopNavBar)) || _class);
 export { TopNavBar };
 export default TopNavBar;

package/lib/TopNavBar/TopNavBarActionItems/__new-tests__/TopNavBarActionItems.test.js

@@ -224,7 +224,6 @@ describe('<TopNavBarActionItems />', () => {
       // })
     });
   });
-
   describe('item types:', () => {
     it('should not allow avatars', () => {
       const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});

package/lib/TopNavBar/TopNavBarActionItems/index.js

@@ -23,7 +23,7 @@ var _TopNavBarContext = require("../TopNavBarContext");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _dec3, _class, _class2;
+var _dec, _dec2, _dec3, _class, _TopNavBarActionItems;
 /*
  * The MIT License (MIT)
  *
@@ -55,7 +55,7 @@ id: TopNavBar.ActionItems
 ---
 @module TopNavBarActionItems
 **/
-let TopNavBarActionItems = exports.TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends _react.Component {
+let TopNavBarActionItems = exports.TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarActionItems = class TopNavBarActionItems extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -195,5 +195,5 @@ let TopNavBarActionItems = exports.TopNavBarActionItems = (_dec = (0, _withDeter
       key: item.props.id
     }, item)));
   }
-}, _class2.displayName = "TopNavBarActionItems", _class2.componentId = 'TopNavBar.ActionItems', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarActionItems.displayName = "TopNavBarActionItems", _TopNavBarActionItems.componentId = 'TopNavBar.ActionItems', _TopNavBarActionItems.propTypes = _props.propTypes, _TopNavBarActionItems.allowedProps = _props.allowedProps, _TopNavBarActionItems.defaultProps = {}, _TopNavBarActionItems.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarActionItems)) || _class) || _class) || _class);
 var _default = exports.default = TopNavBarActionItems;

package/lib/TopNavBar/TopNavBarBrand/index.js

@@ -17,7 +17,7 @@ var _TopNavBarContext = require("../TopNavBarContext");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarBrand;
 /*
  * The MIT License (MIT)
  *
@@ -49,7 +49,7 @@ id: TopNavBar.Brand
 ---
 @module TopNavBarBrand
 **/
-let TopNavBarBrand = exports.TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends _react.Component {
+let TopNavBarBrand = exports.TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_TopNavBarBrand = class TopNavBarBrand extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -108,5 +108,5 @@ let TopNavBarBrand = exports.TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_s
       "aria-hidden": "true"
     }, renderIcon)));
   }
-}, _class2.displayName = "TopNavBarBrand", _class2.componentId = 'TopNavBar.Brand', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarBrand.displayName = "TopNavBarBrand", _TopNavBarBrand.componentId = 'TopNavBar.Brand', _TopNavBarBrand.propTypes = _props.propTypes, _TopNavBarBrand.allowedProps = _props.allowedProps, _TopNavBarBrand.defaultProps = {}, _TopNavBarBrand.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarBrand)) || _class) || _class);
 var _default = exports.default = TopNavBarBrand;

package/lib/TopNavBar/TopNavBarBreadcrumb/index.js

@@ -17,7 +17,7 @@ var _IconHamburgerLine2 = require("@instructure/ui-icons/lib/IconHamburgerLine.j
 var _TopNavBarContext = _interopRequireDefault(require("../TopNavBarContext"));
 var _console = require("@instructure/console");
 var _Link = require("@instructure/ui-link/lib/Link");
-var _dec, _dec2, _class, _class2, _IconHamburgerLine;
+var _dec, _dec2, _class, _TopNavBarBreadcrumb, _IconHamburgerLine;
 /*
  * The MIT License (MIT)
  *
@@ -49,7 +49,7 @@ id: TopNavBar.Breadcrumb
 ---
 @module TopNavBarBreadcrumb
  **/
-let TopNavBarBreadcrumb = exports.TopNavBarBreadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBreadcrumb extends _react.Component {
+let TopNavBarBreadcrumb = exports.TopNavBarBreadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_TopNavBarBreadcrumb = class TopNavBarBreadcrumb extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -113,5 +113,5 @@ let TopNavBarBreadcrumb = exports.TopNavBarBreadcrumb = (_dec = (0, _emotion.wit
       renderIcon: _IconArrowOpenStartLine.IconArrowOpenStartLine
     }, lastButOneLink.props.children))));
   }
-}, _class2.displayName = "TopNavBarBreadcrumb", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.default, _class2)) || _class) || _class);
+}, _TopNavBarBreadcrumb.displayName = "TopNavBarBreadcrumb", _TopNavBarBreadcrumb.propTypes = _props.propTypes, _TopNavBarBreadcrumb.allowedProps = _props.allowedProps, _TopNavBarBreadcrumb.defaultProps = {}, _TopNavBarBreadcrumb.contextType = _TopNavBarContext.default, _TopNavBarBreadcrumb)) || _class) || _class);
 var _default = exports.default = TopNavBarBreadcrumb;

package/lib/TopNavBar/TopNavBarItem/__new-tests__/TopNavBarItem.test.js

@@ -118,7 +118,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(borderWidth).to.equal('0px none rgb(255, 255, 255)')
       // })
     });
-
     describe('with "button" variant', () => {
       it('should render the text', () => {
         const _render2 = (0, _react2.render)(_TopNavBarItem2 || (_TopNavBarItem2 = /*#__PURE__*/_react.default.createElement(_index.TopNavBarItem, {
@@ -163,7 +162,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(borderWidth).to.equal('1px solid rgb(2, 84, 131)')
       // })
     });
-
     describe('with "icon" variant', () => {
       it('should throw error if no icon is provided', () => {
         const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
@@ -249,7 +247,6 @@ describe('<TopNavBarItem />', () => {
       //   expect(parseInt(buttonStyle.height, 10)).to.be.greaterThanOrEqual(42)
       // })
     });
-
     describe('with "avatar" variant', () => {
       it('should throw error if no avatar is provided', () => {
         const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
@@ -985,7 +982,6 @@ describe('<TopNavBarItem />', () => {
     //   ).to.equal('rgb(45, 59, 69)')
     // })
   });
-
   describe('renderAvatar prop', () => {
     it('displays avatar', () => {
       const _render26 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.TopNavBarItem, {
@@ -1110,7 +1106,6 @@ describe('<TopNavBarItem />', () => {
         expect(button).toHaveTextContent('Menu Item');
         // expect(window.getComputedStyle(button).color).toEqual('rgb(255, 255, 255)')
       });
-
       it('for button variant', () => {
         const _render33 = (0, _react2.render)(_TopNavBarItem24 || (_TopNavBarItem24 = /*#__PURE__*/_react.default.createElement(_index.TopNavBarItem, {
             id: "item",
@@ -1171,7 +1166,6 @@ describe('<TopNavBarItem />', () => {
       });
     });
   });
-
   describe('as prop', () => {
     it('should render item as a', () => {
       const _render36 = (0, _react2.render)(_TopNavBarItem25 || (_TopNavBarItem25 = /*#__PURE__*/_react.default.createElement(_index.TopNavBarItem, {

package/lib/TopNavBar/TopNavBarItem/index.js

@@ -29,7 +29,7 @@ var _TopNavBarContext = require("../TopNavBarContext");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _dec3, _class, _class2, _IconArrowOpenUpSolid, _IconArrowOpenDownSol;
+var _dec, _dec2, _dec3, _class, _TopNavBarItem, _IconArrowOpenUpSolid, _IconArrowOpenDownSol;
 /*
  * The MIT License (MIT)
  *
@@ -65,7 +65,7 @@ id: TopNavBar.Item
 ---
 @module TopNavBarItem
 **/
-let TopNavBarItem = exports.TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends _react.Component {
+let TopNavBarItem = exports.TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarItem = class TopNavBarItem extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -543,10 +543,10 @@ let TopNavBarItem = exports.TopNavBarItem = (_dec = (0, _withDeterministicId.wit
       css: styles === null || styles === void 0 ? void 0 : styles.topNavBarItem
     }, content);
   }
-}, _class2.displayName = "TopNavBarItem", _class2.componentId = 'TopNavBar.Item', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _TopNavBarItem.displayName = "TopNavBarItem", _TopNavBarItem.componentId = 'TopNavBar.Item', _TopNavBarItem.propTypes = _props.propTypes, _TopNavBarItem.allowedProps = _props.allowedProps, _TopNavBarItem.defaultProps = {
   status: 'default',
   variant: 'default',
   showSubmenuChevron: true,
   shouldCloseOnClick: 'auto'
-}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarItem.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarItem)) || _class) || _class) || _class);
 var _default = exports.default = TopNavBarItem;

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/index.js

@@ -14,7 +14,7 @@ var _TopNavBarContext = require("../../TopNavBarContext");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarDesktopLayout;
 /*
  * The MIT License (MIT)
  *
@@ -44,7 +44,7 @@ var _dec, _dec2, _class, _class2;
 private: true
 ---
 **/
-let TopNavBarDesktopLayout = exports.TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends _react.Component {
+let TopNavBarDesktopLayout = exports.TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_TopNavBarDesktopLayout = class TopNavBarDesktopLayout extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -120,5 +120,5 @@ let TopNavBarDesktopLayout = exports.TopNavBarDesktopLayout = (_dec = (0, _emoti
       css: styles === null || styles === void 0 ? void 0 : styles.userContainer
     }, renderUser));
   }
-}, _class2.displayName = "TopNavBarDesktopLayout", _class2.componentId = 'TopNavBar.DesktopLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarDesktopLayout.displayName = "TopNavBarDesktopLayout", _TopNavBarDesktopLayout.componentId = 'TopNavBar.DesktopLayout', _TopNavBarDesktopLayout.propTypes = _props.propTypes, _TopNavBarDesktopLayout.allowedProps = _props.allowedProps, _TopNavBarDesktopLayout.defaultProps = {}, _TopNavBarDesktopLayout.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarDesktopLayout)) || _class) || _class);
 var _default = exports.default = TopNavBarDesktopLayout;

package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js

@@ -30,7 +30,7 @@ var _TopNavBarContext = require("../../TopNavBarContext");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _dec3, _class, _class2, _IconXLine, _IconHamburgerLine;
+var _dec, _dec2, _dec3, _class, _TopNavBarSmallViewportLayout, _IconXLine, _IconHamburgerLine;
 /*
  * The MIT License (MIT)
  *
@@ -60,7 +60,7 @@ var _dec, _dec2, _dec3, _class, _class2, _IconXLine, _IconHamburgerLine;
 private: true
 ---
 **/
-let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends _react.Component {
+let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_TopNavBarSmallViewportLayout = class TopNavBarSmallViewportLayout extends _react.Component {
   constructor(props) {
     var _props$styles;
     super(props);
@@ -414,5 +414,5 @@ let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec
       id: this._trayContainerId
     }), !this.hasBreadcrumbBlock && this.renderDropdownMenuTray());
   }
-}, _class2.displayName = "TopNavBarSmallViewportLayout", _class2.componentId = 'TopNavBar.SmallViewportLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
+}, _TopNavBarSmallViewportLayout.displayName = "TopNavBarSmallViewportLayout", _TopNavBarSmallViewportLayout.componentId = 'TopNavBar.SmallViewportLayout', _TopNavBarSmallViewportLayout.propTypes = _props.propTypes, _TopNavBarSmallViewportLayout.allowedProps = _props.allowedProps, _TopNavBarSmallViewportLayout.defaultProps = {}, _TopNavBarSmallViewportLayout.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarSmallViewportLayout)) || _class) || _class) || _class);
 var _default = exports.default = TopNavBarSmallViewportLayout;

package/lib/TopNavBar/TopNavBarLayout/index.js

@@ -16,7 +16,7 @@ var _SmallViewportLayout = require("./SmallViewportLayout");
 var _DesktopLayout = require("./DesktopLayout");
 var _props = require("./props");
 const _excluded = ["smallViewportConfig", "styles", "makeStyles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _TopNavBarLayout;
 /*
  * The MIT License (MIT)
  *
@@ -48,7 +48,7 @@ id: TopNavBar.Layout
 ---
 @module TopNavBarLayout
 **/
-let TopNavBarLayout = exports.TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends _react.Component {
+let TopNavBarLayout = exports.TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_TopNavBarLayout = class TopNavBarLayout extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -108,7 +108,7 @@ let TopNavBarLayout = exports.TopNavBarLayout = (_dec = (0, _emotion.withStyle)(
       elementRef: this.handleRef
     }));
   }
-}, _class2.displayName = "TopNavBarLayout", _class2.componentId = 'TopNavBar.Layout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _TopNavBarLayout.displayName = "TopNavBarLayout", _TopNavBarLayout.componentId = 'TopNavBar.Layout', _TopNavBarLayout.propTypes = _props.propTypes, _TopNavBarLayout.allowedProps = _props.allowedProps, _TopNavBarLayout.defaultProps = {
   smallViewportConfig: {}
-}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
+}, _TopNavBarLayout.contextType = _TopNavBarContext.TopNavBarContext, _TopNavBarLayout)) || _class) || _class);
 var _default = exports.default = TopNavBarLayout;