@atlaskit/navigation-system 5.40.0 → 6.1.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlassian/navigation-system
 
+## 6.1.0
+
+### Minor Changes
+
+- [`7ae800ebd066d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ae800ebd066d) -
+  Cleans up the `platform_dst_nav4_side_nav_toggle_button_slot` feature gate. The
+  `sideNavToggleButton` prop on `TopNavStart` is now required, but can be explicitly set to `null`.
+
+## 6.0.0
+
+### Major Changes
+
+- [`929ebbf40230e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/929ebbf40230e) -
+  The re-exports of side nav item components has been removed. The components must now be imported
+  from `@atlaskit/side-nav-items`.
+
+  This includes all exports from the previous entrypoints beginning with
+  `@atlaskit/navigation-system/side-nav-items/`:
+  - ContainerAvatar
+  - ExpandableMenuItem, ExpandableMenuItemTrigger, ExpandableMenuItemContentg
+  - FlyoutMenuItem, FlyoutMenuItemTrigger, FlyoutMenuItemContent, FlyoutHeader, FlyoutBody,
+    FlyoutFooter
+  - ButtonMenuItem
+  - LinkMenuItem
+  - MenuList
+  - MenuListItem
+  - MenuSection, MenuSectionHeading, Divider
+  - TopLevelSpacer
+  - LazyDragHandle, DragPreview, DropIndicator, GroupDropIndicator, useMenuItemDragAndDrop
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.40.0
 
 ### Minor Changes

package/constellation/index/examples.mdx

@@ -1,17 +1,15 @@
 import SectionMessage from '@atlaskit/section-message';
 
-Navigation is how users get around a site to complete their tasks. The navigation-system package
+Navigation is how users get around a site to complete their tasks. The `navigation-system` package
 provides the following:
 
 - [Layout](/components/navigation-system/layout) defines a page’s structure and the areas for
   navigation and content.
-- [Side nav items](/components/navigation-system/side-nav-items) create different sections, actions,
-  and links in the side nav.
 - [Top nav items](/components/navigation-system/top-nav-items) provide familiar actions and
   utilities in the top nav.
 
-For ready-made navigation experiences see
-[navigation guidelines (Atlassians only)](https://hello.atlassian.net/wiki/spaces/GLOBALNAV/pages/5104144812/Nav4+resources+for+makers).
+For more navigation components, see
+[navigation guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE).
 
 <SectionMessage title="Required: Compiled CSS configuration">
 	<p>
@@ -29,14 +27,10 @@ For ready-made navigation experiences see
 
 ## Examples
 
-- <a href="https://go.atlassian.com/nav4-interactive-example" target="_blank">
-  	Full screen interactive example
-  </a>
-  (only available for Atlassian employees at this stage).
+See the full screen [interactive example](https://go.atlassian.com/nav4-interactive-example).
 
 ## Related
 
 - [Layout](/components/navigation-system/layout)
-- [Side nav items](/components/navigation-system/side-nav-items)
 - [Top nav items](/components/navigation-system/top-nav-items)
-- [Navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/spaces/GLOBALNAV/pages/5104144812/Nav4+resources+for+makers)
+- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)

package/constellation/layout/examples.mdx

@@ -13,7 +13,7 @@ import { ToggleSideNavKeyboardShortcutExample } from '../../examples/constellati
 import { PageLayoutDiagram } from './diagram';
 
 The full page layout with all areas rendered has the structure depicted below, or see the
-[interactive example (Atlassians only)](https://go.atlassian.com/nav4-interactive-example).
+[interactive example](https://go.atlassian.com/nav4-interactive-example).
 
 <PageLayoutDiagram />
 
@@ -60,7 +60,8 @@ See the [custom theming](/components/navigation-system/layout/custom-theming) ta
 
 ### Side nav
 
-- Use the `SideNav` to render [side nav items](/components/navigation-system/side-nav-items). It
+- Use the `SideNav` to
+  render [side nav items](https://atlaskit.atlassian.com/packages/navigation/side-nav-items). It
   will show on the left of the screen. The default width of the side nav is 320px.
 - Use the [side nav slots](#side-nav-slots) to position content within the side nav.
 - The side nav is collapsable and expandable, resizable, responsive, and offers flyout behaviour.

package/constellation/layout/usage.mdx

@@ -39,8 +39,8 @@ When applying components to the navigational areas,
 		</ol>
 	</li>
 	<li>
-		<strong>Side nav:</strong> Use to display{' '}
-		<a href="/components/navigation-system/side-nav-items">side nav items</a>. Is resizable and
+		<strong>Side nav:</strong> Use to display [side nav
+		items](https://atlaskit.atlassian.com/packages/navigation/side-nav-items). Is resizable and
 		collapsible.
 		<ol type="a" start="4">
 			<li>
@@ -123,7 +123,6 @@ The main difference between Aside, Panel and Modal dialog is their behaviours:
 ## Related
 
 - [Page header](/components/page-header)
-- [Side nav items](/components/navigation-system/side-nav-items)
 - [Top nav items](/components/navigation-system/top-nav-items)
-- [Navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/spaces/navx/pages/5104144812)
+- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
 - [Preview panel (Atlassians only)](https://atlaskit-website-staging.stg-east.frontend.public.atl-paas.net/#/packages/navigation/preview-panel)

package/constellation/side-nav-items/index.mdx

@@ -0,0 +1,17 @@
+---
+title: Side nav items
+description: Menu items and elements for the side nav area.
+order: 1
+---
+
+import SectionMessage from '@atlaskit/section-message';
+import Link from '@atlaskit/link';
+import { Code } from '@atlaskit/code';
+
+<SectionMessage title="Moved" appearance="information">
+	Side nav items have been moved to the package <Code>@atlaskit/side-nav-items</Code>. This package
+	is now documented on the{' '}
+	<Link target="_blank" href="https://atlaskit.atlassian.com/packages/navigation/side-nav-items">
+		Atlaskit website
+	</Link>
+</SectionMessage>

package/constellation/top-nav-items/examples.mdx

@@ -31,8 +31,8 @@ area. They are left-aligned in the following order:
 
 - SideNavToggleButton - Opens and closes the
   [side nav](/components/navigation-system/layout/examples#side-nav).
-- AppSwitcher - Use to open and close an app switcher.
-  [See navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
+- AppSwitcher - Use to open and close an app switcher. See
+  [navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
   for recommended platform components.
 
 Use one of the following logo components to orient users and provide a persistent link to the app
@@ -87,8 +87,8 @@ centre-aligned.
 
 - It should consist of a search component and a create component, in that order to maintain the
   correct layout behaviour.
-- We have provided placeholder components.
-  [See navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
+- We have provided placeholder components. See
+  [navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
   for recommended platform components.
 - Our placeholder search field scales to fill the available area of common actions, up to a maximum
   width of 780px. At `xxs` breakpoints (less than 480px), the search field converts to an icon only
@@ -119,7 +119,7 @@ order:
 - Settings - Use to open and close a settings menu.
 - Profile/Login - A placeholder for an account component.
 
-[See navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
+See [navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
 for recommended platform components for these buttons, or triggered by these buttons.
 
 At `xs` breakpoints and below (less than 768px), these buttons collapse into a single 'more' button.

package/constellation/top-nav-items/usage.mdx

@@ -77,5 +77,4 @@ navigation follows Atlassian patterns consistently,
 ## Related
 
 - [Layout](/components/navigation-system/layout)
-- [Side nav items](/components/navigation-system/side-nav-items)
-- [Navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/spaces/navx/pages/5104144812)
+- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)

package/dist/cjs/components/badge-container.js

@@ -1,4 +1,4 @@
-/* badge-container.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* badge-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/list-item.js

@@ -1,4 +1,4 @@
-/* list-item.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* list-item.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/list.js

@@ -1,4 +1,4 @@
-/* list.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* list.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/skip-links/skip-link.js

@@ -1,4 +1,4 @@
-/* skip-link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* skip-link.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -10,7 +10,7 @@ require("./skip-link.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var styles = {
@@ -108,7 +108,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
   }, [id, onBeforeNavigate]);
   return /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)([styles.skipLinkListItem])
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Anchor
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Anchor
   /**
    * It looks like Safari handles link clicks during `pointerdown` unless it has an explicit `tabIndex={0}` :/
    *

package/dist/cjs/components/skip-links/skip-links-container.js

@@ -1,4 +1,4 @@
-/* skip-links-container.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* skip-links-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/index.js

@@ -27,30 +27,12 @@ Object.defineProperty(exports, "Banner", {
     return _banner.Banner;
   }
 });
-Object.defineProperty(exports, "ButtonMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _buttonMenuItem.ButtonMenuItem;
-  }
-});
-Object.defineProperty(exports, "COLLAPSE_ELEM_BEFORE", {
-  enumerable: true,
-  get: function get() {
-    return _buttonMenuItem.COLLAPSE_ELEM_BEFORE;
-  }
-});
 Object.defineProperty(exports, "ChatButton", {
   enumerable: true,
   get: function get() {
     return _chatButton.ChatButton;
   }
 });
-Object.defineProperty(exports, "ContainerAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _containerAvatar.ContainerAvatar;
-  }
-});
 Object.defineProperty(exports, "CreateButton", {
   enumerable: true,
   get: function get() {
@@ -63,54 +45,12 @@ Object.defineProperty(exports, "CustomLogo", {
     return _customLogo.CustomLogo;
   }
 });
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.Divider;
-  }
-});
 Object.defineProperty(exports, "EndItem", {
   enumerable: true,
   get: function get() {
     return _endItem.EndItem;
   }
 });
-Object.defineProperty(exports, "ExpandableMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItem;
-  }
-});
-Object.defineProperty(exports, "ExpandableMenuItemContent", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItemContent;
-  }
-});
-Object.defineProperty(exports, "ExpandableMenuItemTrigger", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItemTrigger;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItem;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItemContent", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItemContent;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItemTrigger", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItemTrigger;
-  }
-});
 Object.defineProperty(exports, "Help", {
   enumerable: true,
   get: function get() {
@@ -129,12 +69,6 @@ Object.defineProperty(exports, "IsFhsEnabledProvider", {
     return _isFhsEnabledProvider.IsFhsEnabledProvider;
   }
 });
-Object.defineProperty(exports, "LinkMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _linkMenuItem.LinkMenuItem;
-  }
-});
 Object.defineProperty(exports, "LogIn", {
   enumerable: true,
   get: function get() {
@@ -153,30 +87,6 @@ Object.defineProperty(exports, "MainStickyHeader", {
     return _mainStickyHeader.MainStickyHeader;
   }
 });
-Object.defineProperty(exports, "MenuList", {
-  enumerable: true,
-  get: function get() {
-    return _menuList.MenuList;
-  }
-});
-Object.defineProperty(exports, "MenuListItem", {
-  enumerable: true,
-  get: function get() {
-    return _menuListItem.MenuListItem;
-  }
-});
-Object.defineProperty(exports, "MenuSection", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.MenuSection;
-  }
-});
-Object.defineProperty(exports, "MenuSectionHeading", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.MenuSectionHeading;
-  }
-});
 Object.defineProperty(exports, "Notifications", {
   enumerable: true,
   get: function get() {
@@ -255,12 +165,6 @@ Object.defineProperty(exports, "SideNavToggleButton", {
     return _toggleButton.SideNavToggleButton;
   }
 });
-Object.defineProperty(exports, "TopLevelSpacer", {
-  enumerable: true,
-  get: function get() {
-    return _topLevelSpacer.TopLevelSpacer;
-  }
-});
 Object.defineProperty(exports, "TopNav", {
   enumerable: true,
   get: function get() {
@@ -285,12 +189,6 @@ Object.defineProperty(exports, "TopNavStart", {
     return _topNavStart.TopNavStart;
   }
 });
-Object.defineProperty(exports, "useIsExpanded", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.useIsExpanded;
-  }
-});
 Object.defineProperty(exports, "useIsFhsEnabled", {
   enumerable: true,
   get: function get() {
@@ -306,15 +204,6 @@ Object.defineProperty(exports, "useToggleSideNav", {
 var _isFhsEnabledContext = require("./ui/fhs-rollout/is-fhs-enabled-context");
 var _isFhsEnabledProvider = require("./ui/fhs-rollout/is-fhs-enabled-provider");
 var _useIsFhsEnabled = require("./ui/fhs-rollout/use-is-fhs-enabled");
-var _expandableMenuItem = require("@atlaskit/side-nav-items/expandable-menu-item");
-var _flyoutMenuItem = require("@atlaskit/side-nav-items/flyout-menu-item");
-var _buttonMenuItem = require("@atlaskit/side-nav-items/button-menu-item");
-var _linkMenuItem = require("@atlaskit/side-nav-items/link-menu-item");
-var _menuListItem = require("@atlaskit/side-nav-items/menu-list-item");
-var _containerAvatar = require("@atlaskit/side-nav-items/container-avatar");
-var _menuList = require("@atlaskit/side-nav-items/menu-list");
-var _topLevelSpacer = require("@atlaskit/side-nav-items/top-level-spacer");
-var _menuSection = require("@atlaskit/side-nav-items/menu-section");
 var _aside = require("./ui/page-layout/aside");
 var _banner = require("./ui/page-layout/banner");
 var _main = require("./ui/page-layout/main/main");

package/dist/cjs/ui/page-layout/aside.js

@@ -1,4 +1,4 @@
-/* aside.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* aside.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/banner.js

@@ -1,4 +1,4 @@
-/* banner.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* banner.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/main/main-sticky-header.js

@@ -1,4 +1,4 @@
-/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/main/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js

@@ -1,4 +1,4 @@
-/* panel-splitter.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* panel-splitter.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/panel.js

@@ -1,4 +1,4 @@
-/* panel.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* panel.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/ribbon.js

@@ -1,4 +1,4 @@
-/* ribbon.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ribbon.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/root.js

@@ -1,4 +1,4 @@
-/* root.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* root.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js

@@ -1,4 +1,4 @@
-/* side-nav-content.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* side-nav-content.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js

@@ -1,4 +1,4 @@
-/* side-nav-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* side-nav-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js

@@ -1,4 +1,4 @@
-/* side-nav-header.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* side-nav-header.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/page-layout/side-nav/side-nav.js

@@ -1,4 +1,4 @@
-/* side-nav.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* side-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/side-nav/toggle-button.js

@@ -1,4 +1,4 @@
-/* toggle-button.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* toggle-button.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js

@@ -1,4 +1,4 @@
-/* top-nav-end.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* top-nav-end.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js

@@ -1,4 +1,4 @@
-/* top-nav-middle.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* top-nav-middle.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js

@@ -1,4 +1,4 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/page-layout/top-nav/top-nav.js

@@ -1,4 +1,4 @@
-/* top-nav.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* top-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/top-nav-items/custom-title.js

@@ -1,4 +1,4 @@
-/* custom-title.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* custom-title.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js

@@ -1,4 +1,4 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* app-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js

@@ -1,4 +1,4 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
 var _logoRenderer = require("./logo-renderer");
@@ -83,7 +83,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
   }, []);
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
   var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
-  return /*#__PURE__*/_react.default.createElement(_primitives.Anchor, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     ref: ref,
     "aria-label": label,
     href: href

package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js

@@ -1,4 +1,4 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/top-nav-items/search.js

@@ -1,4 +1,4 @@
-/* search.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* search.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/top-nav-items/themed/button.js

@@ -1,4 +1,4 @@
-/* button.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* button.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/components/badge-container.js

@@ -1,4 +1,4 @@
-/* badge-container.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* badge-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./badge-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/list-item.js

@@ -1,4 +1,4 @@
-/* list-item.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* list-item.tsx generated by @compiled/babel-plugin v0.39.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/es2019/components/list.js

@@ -1,4 +1,4 @@
-/* list.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* list.tsx generated by @compiled/babel-plugin v0.39.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/es2019/components/skip-links/skip-link.js

@@ -1,10 +1,10 @@
-/* skip-link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* skip-link.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Anchor } from '@atlaskit/primitives';
+import { Anchor } from '@atlaskit/primitives/compiled';
 const styles = {
   skipLinkListItem: "_1pfhze3t"
 };

package/dist/es2019/components/skip-links/skip-links-container.js

@@ -1,4 +1,4 @@
-/* skip-links-container.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* skip-links-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./skip-links-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";