@atlaskit/navigation-system 10.6.0 → 10.7.1

package/dist/cjs/ui/top-nav-items/themed/themed-pressable.compiled.css

@@ -1,4 +1,3 @@
-
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
 ._11q71qds{background:var(--ds-top-bar-button-selected-background)}

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

@@ -1,4 +1,4 @@
-/* themed-pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-pressable.tsx generated by @compiled/babel-plugin v0.40.0 */
 "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.39.1 */
+/* badge-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 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.39.1 */
+/* list-item.tsx generated by @compiled/babel-plugin v0.40.0 */
 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.39.1 */
+/* list.tsx generated by @compiled/babel-plugin v0.40.0 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/es2019/components/skip-links/skip-link.compiled.css

@@ -1,2 +1 @@
-
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._1pfhze3t{margin-block-start:var(--ds-space-0,0)}

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

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

package/dist/es2019/components/skip-links/skip-links-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}

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

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

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

@@ -1,4 +1,4 @@
-/* skip-links-popup.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* skip-links-popup.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./skip-links-popup.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/page-layout/aside.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5lns35{grid-area:aside}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._18m91wug{overflow-y:auto}
 ._1reo1wug{overflow-x:auto}

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

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

package/dist/es2019/ui/page-layout/banner.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5ldkfm{grid-area:banner}._152tidpf{inset-block-start:0}
 ._18m915vq{overflow-y:hidden}
 ._1pby11wp{z-index:3}

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

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

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

@@ -1,4 +1,4 @@
-/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/page-layout/main/main.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5l1gzg{grid-area:main}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._18m91wug{overflow-y:auto}
 ._19121cl4{isolation:isolate}

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

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

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

@@ -1,4 +1,4 @@
-/* panel-splitter.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* panel-splitter.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./panel-splitter.compiled.css";
 import * as React from 'react';
@@ -9,7 +9,7 @@ import { createPortal } from 'react-dom';
 import invariant from 'tiny-invariant';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
-import { useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { blockDraggingToIFrames } from '@atlaskit/pragmatic-drag-and-drop/element/block-dragging-to-iframes';
@@ -17,7 +17,7 @@ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/elem
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
 import Tooltip from '@atlaskit/tooltip';
 import TooltipContainer from '@atlaskit/tooltip/TooltipContainer';
-import VisuallyHidden from '@atlaskit/visually-hidden';
+import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { contentInsetBlockStart } from '../constants';
 import { convertResizeBoundToPixels } from './convert-resize-bound-to-pixels';

package/dist/es2019/ui/page-layout/panel-splitter/side-nav-panel-splitter.js

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { openLayerObserverSideNavNamespace, openLayerObserverTopNavEndNamespace, openLayerObserverTopNavMiddleNamespace, openLayerObserverTopNavStartNamespace, sideNavPanelSplitterId } from '../constants';
 import { useToggleSideNav } from '../side-nav/use-toggle-side-nav';

package/dist/es2019/ui/page-layout/panel.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5l1b6c{grid-area:main/aside/aside/aside}
 ._y44v1s3l{animation:var(--ds-panel-enter,.25s cubic-bezier(0,.4,0,1) SlideIn100PercentRight)}
 ._y44vqhwn{animation:var(--ds-panel-exit,.2s cubic-bezier(.6,0,.8,.6) SlideOut100PercentRight)}

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

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

package/dist/es2019/ui/page-layout/ribbon.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5l1c99{grid-area:ribbon}._152tidpf{inset-block-start:0}
 ._18m915vq{overflow-y:hidden}
 ._1e0cglyw{display:none}

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

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

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

@@ -1,8 +1,8 @@
-/* root.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* root.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./root.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
-import { OpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { OpenLayerObserver } from '@atlaskit/layering/open-layer-observer';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SkipLinksProvider } from '../../context/skip-links/skip-links-provider';
 import { TopNavStartProvider } from '../../context/top-nav-start/top-nav-start-context-provider';

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

@@ -1,4 +1,4 @@
-/* side-nav-content.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* side-nav-content.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./side-nav-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useMemo, useRef } from 'react';

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

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

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

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

package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5l1b6c{grid-area:main/aside/aside/aside}
 ._191wglyw{border-inline-start:none}
 ._t51zglyw{border-inline-end:none}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}

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

@@ -1,4 +1,4 @@
-/* side-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* side-nav.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./side-nav.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -8,7 +8,8 @@ import { flushSync } from 'react-dom';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
-import { OpenLayerObserverNamespaceProvider, useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
+import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled

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

@@ -1,4 +1,4 @@
-/* toggle-button.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* toggle-button.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./toggle-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
@@ -6,7 +6,7 @@ import { bind } from 'bind-event-listener';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import SidebarCollapseIcon from '@atlaskit/icon/core/sidebar-collapse';
 import SidebarExpandIcon from '@atlaskit/icon/core/sidebar-expand';
-import { useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from '../../top-nav-items/themed/icon-button';
 import { SideNavToggleButtonAttachRef } from './side-nav-toggle-button-attach-ref';

package/dist/es2019/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { bind } from 'bind-event-listener';
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
-import { useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useIsSideNavShortcutEnabled } from './use-is-side-nav-shortcut-enabled';
 import { useToggleSideNav } from './use-toggle-side-nav';

package/dist/es2019/ui/page-layout/top-nav/top-nav-end.compiled.css

@@ -1,4 +1,3 @@
-
 ._1yt4u2gc{padding:var(--ds-space-100,8px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._yyhy11wp{grid-column:3}._1bahh9n0{justify-content:end}

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

@@ -1,4 +1,4 @@
-/* top-nav-end.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* top-nav-end.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./top-nav-end.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -6,7 +6,7 @@ import React, { useState } from 'react';
 import { cx } from '@compiled/react';
 import { useLayoutEffect } from '@atlaskit/ds-lib/use-layout-effect';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/experimental/open-layer-observer';
+import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import Popup from '@atlaskit/popup';
 import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled';
 import { List } from '../../../components/list';

package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.compiled.css

@@ -1,4 +1,3 @@
-
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._yyhycs5v{grid-column:2}._1bahh9n0{justify-content:end}
 ._1bsb1osq{width:100%}

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

@@ -1,8 +1,8 @@
-/* top-nav-middle.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* top-nav-middle.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/experimental/open-layer-observer';
+import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { openLayerObserverTopNavMiddleNamespace } from '../constants';
 const styles = {
   root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"

package/dist/es2019/ui/page-layout/top-nav/top-nav-start.compiled.css

@@ -1,4 +1,3 @@
-
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulp1kw7{gap:inherit}
 ._yyhykb7n{grid-column:1}._15yekb7n{--animation-direction:1}

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

@@ -1,9 +1,9 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./top-nav-start.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
-import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/experimental/open-layer-observer';
+import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { UNSAFE_useMediaQuery } from '@atlaskit/primitives/compiled';
 import { TopNavStartAttachRef } from '../../../context/top-nav-start/top-nav-start-attach-ref';

package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5l8cbt{grid-area:top-bar}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}

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

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

package/dist/es2019/ui/top-nav-items/app-switcher.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import AppSwitcherIcon from '@atlaskit/icon/core/app-switcher';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconButton } from './themed/icon-button';
 const toggleButtonTooltipOptions = {
   // We're disabling pointer events on the tooltip to prevent it from blocking mouse events, so that the side nav flyout stays open
@@ -14,25 +15,31 @@ const toggleButtonTooltipOptions = {
  */
 export const AppSwitcher = /*#__PURE__*/forwardRef(({
   label,
+  icon,
   onClick,
   onMouseEnter,
   interactionName,
   isSelected,
+  testId,
   'aria-controls': ariaControls,
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup
-}, ref) => /*#__PURE__*/React.createElement(IconButton, {
-  ref: ref,
-  "aria-controls": ariaControls,
-  "aria-expanded": ariaExpanded,
-  "aria-haspopup": ariaHasPopup,
-  icon: AppSwitcherIcon,
-  label: label,
-  appearance: "subtle",
-  onClick: onClick,
-  onMouseEnter: onMouseEnter,
-  interactionName: interactionName,
-  isTooltipDisabled: false,
-  tooltip: toggleButtonTooltipOptions,
-  isSelected: isSelected
-}));
+}, ref) => {
+  const pickedAppSwitcherIcon = fg('platform_dst_ads_appswitcher_improvements') ? icon !== null && icon !== void 0 ? icon : AppSwitcherIcon : AppSwitcherIcon;
+  return /*#__PURE__*/React.createElement(IconButton, {
+    ref: ref,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    icon: pickedAppSwitcherIcon,
+    label: label,
+    appearance: "subtle",
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    interactionName: interactionName,
+    isTooltipDisabled: false,
+    tooltip: toggleButtonTooltipOptions,
+    isSelected: isSelected,
+    testId: testId
+  });
+});

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

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

package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko19bv{border-radius:10px}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}

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

@@ -1,4 +1,4 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* app-logo.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./app-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';

package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}

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

@@ -1,4 +1,4 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';

package/dist/es2019/ui/top-nav-items/search.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}

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

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

package/dist/es2019/ui/top-nav-items/themed/themed-anchor.compiled.css

@@ -1,4 +1,3 @@
-
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
 ._11q71qds{background:var(--ds-top-bar-button-selected-background)}

package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js

@@ -1,4 +1,4 @@
-/* themed-anchor.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-anchor.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-anchor.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* themed-button.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-button.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,10 +1,10 @@
-/* themed-icon-button.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-icon-button.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import Tooltip from '@atlaskit/tooltip';
-import VisuallyHidden from '@atlaskit/visually-hidden';
+import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import IconRenderer from '../icon-renderer';
 import { ThemedPressable } from './themed-pressable';
 export const ThemedIconButton = /*#__PURE__*/forwardRef(function ThemedIconButton({

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

@@ -1,4 +1,4 @@
-/* themed-link-button.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-link-button.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-link-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-link-icon-button.js

@@ -3,7 +3,7 @@ import React from 'react';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import Tooltip from '@atlaskit/tooltip';
-import VisuallyHidden from '@atlaskit/visually-hidden';
+import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { ThemedAnchor } from './themed-anchor';
 
 /**

package/dist/es2019/ui/top-nav-items/themed/themed-pressable.compiled.css

@@ -1,4 +1,3 @@
-
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
 ._11q71qds{background:var(--ds-top-bar-button-selected-background)}

package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js

@@ -1,4 +1,4 @@
-/* themed-pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* themed-pressable.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

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

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

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

package/dist/esm/components/list.js

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

package/dist/esm/components/skip-links/skip-link.compiled.css

@@ -1,2 +1 @@
-
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._1pfhze3t{margin-block-start:var(--ds-space-0,0)}

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

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

package/dist/esm/components/skip-links/skip-links-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}

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

@@ -1,4 +1,4 @@
-/* skip-links-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* skip-links-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./skip-links-container.compiled.css";

package/dist/esm/components/skip-links/skip-links-popup.js

@@ -1,4 +1,4 @@
-/* skip-links-popup.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* skip-links-popup.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./skip-links-popup.compiled.css";

package/dist/esm/ui/page-layout/aside.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5lns35{grid-area:aside}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._18m91wug{overflow-y:auto}
 ._1reo1wug{overflow-x:auto}

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

@@ -1,4 +1,4 @@
-/* aside.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* aside.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./aside.compiled.css";

package/dist/esm/ui/page-layout/banner.compiled.css

@@ -1,4 +1,3 @@
-
 ._nd5ldkfm{grid-area:banner}._152tidpf{inset-block-start:0}
 ._18m915vq{overflow-y:hidden}
 ._1pby11wp{z-index:3}

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

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

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

@@ -1,4 +1,4 @@
-/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';