@instructure/ui-top-nav-bar 11.4.0 → 11.4.1-snapshot-0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.4.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v11.4.0...v11.4.1-snapshot-0) (2026-02-02)
+
+**Note:** Version bump only for package @instructure/ui-top-nav-bar
+
+
+
+
+
 # [11.4.0](https://github.com/instructure/instructure-ui/compare/v11.3.0...v11.4.0) (2026-01-20)
 
 **Note:** Version bump only for package @instructure/ui-top-nav-bar

package/es/TopNavBar/TopNavBarActionItems/index.js

@@ -30,12 +30,12 @@ import { withStyle } from '@instructure/emotion';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreLine } from '@instructure/ui-icons';
 import { TruncateList } from '@instructure/ui-truncate-list';
-import { TopNavBarItem } from '../TopNavBarItem';
-import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from '../utils/mapItemsForDrilldown';
-import { TopNavBarContext } from '../TopNavBarContext';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarItem } from "../TopNavBarItem/index.js";
+import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from "../utils/mapItemsForDrilldown.js";
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 /**

package/es/TopNavBar/TopNavBarBrand/index.js

@@ -28,10 +28,10 @@ import { getElementType, omitProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { View } from '@instructure/ui-view';
-import { TopNavBarContext } from '../TopNavBarContext';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/TopNavBar/TopNavBarBreadcrumb/index.js

@@ -24,12 +24,12 @@ var _dec, _class, _TopNavBarBreadcrumb, _IconHamburgerLine;
  */
 
 import { Children, Component } from 'react';
-import { allowedProps } from './props';
-import TopNavBar from '../index';
+import { allowedProps } from "./props.js";
+import TopNavBar from "../index.js";
 import { withStyle } from '@instructure/emotion';
-import generateStyle from '../TopNavBarBreadcrumb/styles';
+import generateStyle from "../TopNavBarBreadcrumb/styles.js";
 import { IconArrowOpenStartLine, IconHamburgerLine } from '@instructure/ui-icons';
-import TopNavBarContext from '../TopNavBarContext';
+import TopNavBarContext from "../TopNavBarContext.js";
 import { error } from '@instructure/console';
 import { Link } from '@instructure/ui-link';
 

package/es/TopNavBar/TopNavBarItem/index.js

@@ -35,10 +35,10 @@ import { Tooltip } from '@instructure/ui-tooltip';
 import { Popover } from '@instructure/ui-popover';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TopNavBarContext } from '../TopNavBarContext';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const navbarStackingDefault = 10000;
 const submenuStacking = navbarStackingDefault + 1;

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

@@ -26,10 +26,10 @@ var _dec, _class, _TopNavBarDesktopLayout;
 import { Children, Component } from 'react';
 import { omitProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { TopNavBarContext } from '../../TopNavBarContext';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---

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

@@ -21,8 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { commonAllowedProps, desktopAllowedProps } from '../props';
+import { commonAllowedProps, desktopAllowedProps } from "../props.js";
 const allowedProps = [
 // Edit allowed props in TopNabBarLayout/props.ts
 ...commonAllowedProps, ...desktopAllowedProps];

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

@@ -34,12 +34,12 @@ import { IconXLine, IconHamburgerLine, IconArrowOpenDownSolid, IconArrowOpenUpSo
 import { Avatar } from '@instructure/ui-avatar';
 import { Dialog } from '@instructure/ui-dialog';
 import { Drilldown } from '@instructure/ui-drilldown';
-import { TopNavBarItem } from '../../TopNavBarItem';
-import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from '../../utils/mapItemsForDrilldown';
-import { TopNavBarContext } from '../../TopNavBarContext';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarItem } from "../../TopNavBarItem/index.js";
+import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from "../../utils/mapItemsForDrilldown.js";
+import { TopNavBarContext } from "../../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---

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

@@ -21,8 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { commonAllowedProps, smallViewportAllowedProps } from '../props';
+import { commonAllowedProps, smallViewportAllowedProps } from "../props.js";
 const allowedProps = [
 // Edit allowed props in TopNavBarLayout/props.ts
 ...commonAllowedProps, ...smallViewportAllowedProps];

package/es/TopNavBar/TopNavBarLayout/index.js

@@ -27,11 +27,11 @@ var _dec, _class, _TopNavBarLayout;
 
 import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
-import { TopNavBarContext } from '../TopNavBarContext';
-import generateComponentTheme from './theme';
-import { TopNavBarSmallViewportLayout } from './SmallViewportLayout';
-import { TopNavBarDesktopLayout } from './DesktopLayout';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import generateComponentTheme from "./theme.js";
+import { TopNavBarSmallViewportLayout } from "./SmallViewportLayout/index.js";
+import { TopNavBarDesktopLayout } from "./DesktopLayout/index.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/TopNavBar/TopNavBarLayout/theme.js

@@ -21,10 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import desktopTheme from './DesktopLayout/theme';
-import smallViewportTheme from './SmallViewportLayout/theme';
-
+import desktopTheme from "./DesktopLayout/theme.js";
+import smallViewportTheme from "./SmallViewportLayout/theme.js";
 /**
  * Generates the theme object for the component from the theme and provided additional information
  * @param  {Object} theme The actual theme object.

package/es/TopNavBar/TopNavBarMenuItems/index.js

@@ -29,12 +29,12 @@ import { warn, error } from '@instructure/console';
 import { withStyle } from '@instructure/emotion';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { TruncateList } from '@instructure/ui-truncate-list';
-import { TopNavBarContext } from '../TopNavBarContext';
-import { TopNavBarItem } from '../TopNavBarItem';
-import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from '../utils/mapItemsForDrilldown';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import { TopNavBarItem } from "../TopNavBarItem/index.js";
+import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions } from "../utils/mapItemsForDrilldown.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 /**

package/es/TopNavBar/TopNavBarUser/index.js

@@ -27,9 +27,9 @@ import { Component, Children } from 'react';
 import { error } from '@instructure/console';
 import { omitProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { TopNavBarContext } from '../TopNavBarContext';
-import generateStyle from './styles';
-import { allowedProps } from './props';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import generateStyle from "./styles.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/TopNavBar/index.js

@@ -27,15 +27,15 @@ import { error } from '@instructure/console';
 import { px } from '@instructure/ui-utils';
 import { matchComponentTypes } from '@instructure/ui-react-utils';
 import { Responsive } from '@instructure/ui-responsive';
-import { TopNavBarActionItems } from './TopNavBarActionItems';
-import { TopNavBarBrand } from './TopNavBarBrand';
-import { TopNavBarItem } from './TopNavBarItem';
-import { TopNavBarLayout } from './TopNavBarLayout';
-import { TopNavBarMenuItems } from './TopNavBarMenuItems';
-import { TopNavBarUser } from './TopNavBarUser';
-import { TopNavBarBreadcrumb } from './TopNavBarBreadcrumb';
-import { TopNavBarContext } from './TopNavBarContext';
-import { allowedProps } from './props';
+import { TopNavBarActionItems } from "./TopNavBarActionItems/index.js";
+import { TopNavBarBrand } from "./TopNavBarBrand/index.js";
+import { TopNavBarItem } from "./TopNavBarItem/index.js";
+import { TopNavBarLayout } from "./TopNavBarLayout/index.js";
+import { TopNavBarMenuItems } from "./TopNavBarMenuItems/index.js";
+import { TopNavBarUser } from "./TopNavBarUser/index.js";
+import { TopNavBarBreadcrumb } from "./TopNavBarBreadcrumb/index.js";
+import { TopNavBarContext } from "./TopNavBarContext.js";
+import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/TopNavBar/utils/exampleHelpers.js

@@ -25,9 +25,9 @@ var _TopNavBar$Breadcrumb;
 
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconQuestionLine, IconAlertsLine, IconConfigureLine, IconSearchLine, IconDiscussionLine, IconDashboardLine } from '@instructure/ui-icons';
-import { TopNavBarContext } from '../TopNavBarContext';
-import { TopNavBar } from '../index';
-import { elevateIcon } from './exampleSvgFiles';
+import { TopNavBarContext } from "../TopNavBarContext.js";
+import { TopNavBar } from "../index.js";
+import { elevateIcon } from "./exampleSvgFiles.js";
 import { Breadcrumb } from '@instructure/ui-breadcrumb';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const avatarExample = {

package/es/TopNavBar/utils/mapItemsForDrilldown.js

@@ -27,7 +27,7 @@ import { warn } from '@instructure/console';
 import { generateId } from '@instructure/ui-utils';
 import { matchComponentTypes } from '@instructure/ui-react-utils';
 import { Drilldown } from '@instructure/ui-drilldown';
-import { TopNavBarItem } from '../TopNavBarItem';
+import { TopNavBarItem } from "../TopNavBarItem/index.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 const mapItemsForDrilldown = (itemList, options = {}) => {

package/es/index.js

@@ -21,12 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-export { TopNavBar } from './TopNavBar';
-export { TopNavBarActionItems } from './TopNavBar/TopNavBarActionItems';
-export { TopNavBarBrand } from './TopNavBar/TopNavBarBrand';
-export { TopNavBarBreadcrumb } from './TopNavBar/TopNavBarBreadcrumb';
-export { TopNavBarItem } from './TopNavBar/TopNavBarItem';
-export { TopNavBarLayout } from './TopNavBar/TopNavBarLayout';
-export { TopNavBarMenuItems } from './TopNavBar/TopNavBarMenuItems';
-export { TopNavBarUser } from './TopNavBar/TopNavBarUser';
+export { TopNavBar } from "./TopNavBar/index.js";
+export { TopNavBarActionItems } from "./TopNavBar/TopNavBarActionItems/index.js";
+export { TopNavBarBrand } from "./TopNavBar/TopNavBarBrand/index.js";
+export { TopNavBarBreadcrumb } from "./TopNavBar/TopNavBarBreadcrumb/index.js";
+export { TopNavBarItem } from "./TopNavBar/TopNavBarItem/index.js";
+export { TopNavBarLayout } from "./TopNavBar/TopNavBarLayout/index.js";
+export { TopNavBarMenuItems } from "./TopNavBar/TopNavBarMenuItems/index.js";
+export { TopNavBarUser } from "./TopNavBar/TopNavBarUser/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-top-nav-bar",
-  "version": "11.4.0",
+  "version": "11.4.1-snapshot-0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,37 +15,37 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "11.4.0",
-    "@instructure/shared-types": "11.4.0",
-    "@instructure/emotion": "11.4.0",
-    "@instructure/ui-a11y-content": "11.4.0",
-    "@instructure/ui-avatar": "11.4.0",
-    "@instructure/ui-buttons": "11.4.0",
-    "@instructure/ui-dialog": "11.4.0",
-    "@instructure/ui-breadcrumb": "11.4.0",
-    "@instructure/ui-drilldown": "11.4.0",
-    "@instructure/ui-dom-utils": "11.4.0",
-    "@instructure/ui-icons": "11.4.0",
-    "@instructure/ui-link": "11.4.0",
-    "@instructure/ui-popover": "11.4.0",
-    "@instructure/ui-react-utils": "11.4.0",
-    "@instructure/ui-responsive": "11.4.0",
-    "@instructure/ui-tooltip": "11.4.0",
-    "@instructure/ui-tray": "11.4.0",
-    "@instructure/ui-truncate-list": "11.4.0",
-    "@instructure/ui-view": "11.4.0",
-    "@instructure/ui-utils": "11.4.0"
+    "@instructure/shared-types": "11.4.1-snapshot-0",
+    "@instructure/console": "11.4.1-snapshot-0",
+    "@instructure/ui-a11y-content": "11.4.1-snapshot-0",
+    "@instructure/ui-breadcrumb": "11.4.1-snapshot-0",
+    "@instructure/ui-avatar": "11.4.1-snapshot-0",
+    "@instructure/emotion": "11.4.1-snapshot-0",
+    "@instructure/ui-buttons": "11.4.1-snapshot-0",
+    "@instructure/ui-drilldown": "11.4.1-snapshot-0",
+    "@instructure/ui-dialog": "11.4.1-snapshot-0",
+    "@instructure/ui-dom-utils": "11.4.1-snapshot-0",
+    "@instructure/ui-popover": "11.4.1-snapshot-0",
+    "@instructure/ui-icons": "11.4.1-snapshot-0",
+    "@instructure/ui-link": "11.4.1-snapshot-0",
+    "@instructure/ui-react-utils": "11.4.1-snapshot-0",
+    "@instructure/ui-tooltip": "11.4.1-snapshot-0",
+    "@instructure/ui-tray": "11.4.1-snapshot-0",
+    "@instructure/ui-responsive": "11.4.1-snapshot-0",
+    "@instructure/ui-truncate-list": "11.4.1-snapshot-0",
+    "@instructure/ui-utils": "11.4.1-snapshot-0",
+    "@instructure/ui-view": "11.4.1-snapshot-0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.4.0",
-    "@instructure/ui-babel-preset": "11.4.0",
-    "@instructure/ui-scripts": "11.4.0",
-    "@instructure/ui-color-utils": "11.4.0",
-    "@instructure/ui-themes": "11.4.0"
+    "@instructure/ui-axe-check": "11.4.1-snapshot-0",
+    "@instructure/ui-babel-preset": "11.4.1-snapshot-0",
+    "@instructure/ui-color-utils": "11.4.1-snapshot-0",
+    "@instructure/ui-scripts": "11.4.1-snapshot-0",
+    "@instructure/ui-themes": "11.4.1-snapshot-0"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -54,6 +54,19 @@
     "access": "public"
   },
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.js",
+      "default": "./es/index.js"
+    },
+    "./lib/*": "./lib/*",
+    "./es/*": "./es/*",
+    "./types/*": "./types/*",
+    "./package.json": "./package.json",
+    "./src/*": "./src/*"
+  },
   "scripts": {
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",