@atlaskit/navigation-system 11.2.2 → 11.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlassian/navigation-system
 
+## 11.2.3
+
+### Patch Changes
+
+- [`21c13edb525f8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/21c13edb525f8) -
+  Inline the ChatPanel width custom-property name and overlay z-index as checked literals so its
+  styles can be statically extracted by Atlaspack. No runtime change.
+
 ## 11.2.2
 
 ### Patch Changes

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

@@ -10,7 +10,7 @@ require("./skip-link.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
 var _focusElement = require("./focus-element");
 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); }
 var styles = {
@@ -75,7 +75,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
   }, [id, onBeforeNavigate, navigate]);
   return /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)([styles.skipLinkListItem, (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') && styles.skipLinkListItemNew])
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Anchor
+  }, /*#__PURE__*/_react.default.createElement(_anchor.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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _skipLink = require("./skip-link");
 var _skipLinksPopup = require("./skip-links-popup");
 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); }
@@ -119,7 +119,7 @@ function SkipLinksContainer(_ref) {
     onKeyDown: closeOnEscape,
     "data-testid": testId ? "".concat(testId, "--skip-links-container") : undefined,
     className: (0, _runtime.ax)([styles.root])
-  }, !isEmptyLabel && /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, !isEmptyLabel && /*#__PURE__*/React.createElement(_text.Text, {
     weight: "bold",
     testId: testId ? "".concat(testId, "--skip-links-container--label") : undefined
   }, label), /*#__PURE__*/React.createElement("ol", {

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

@@ -18,7 +18,7 @@ var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/sh
 var _openLayerObserverNamespaceProvider = require("@atlaskit/layering/open-layer-observer-namespace-provider");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _popup = require("@atlaskit/popup/popup");
-var _index = require("@atlaskit/primitives/compiled/responsive/index");
+var _useMediaQuery = require("@atlaskit/primitives/compiled/use-media-query");
 var _list = require("../../../components/list");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-theme-context");
@@ -63,7 +63,7 @@ function TopNavEnd(_ref) {
     isMobile = _useState4[0],
     setIsMobile = _useState4[1];
   // Note: `query` is a stable value between renders
-  var query = (0, _index.UNSAFE_useMediaQuery)('below.sm', function onChange(event) {
+  var query = (0, _useMediaQuery.UNSAFE_useMediaQuery)('below.sm', function onChange(event) {
     setIsMobile(event.matches);
     // Any time we shift between mobile and desktop
     // We always close the popup

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

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _useStableRef = _interopRequireDefault(require("@atlaskit/ds-lib/use-stable-ref"));
 var _openLayerObserverNamespaceProvider = require("@atlaskit/layering/open-layer-observer-namespace-provider");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _useMediaQuery = require("@atlaskit/primitives/compiled/use-media-query");
 var _topNavStartAttachRef = require("../../../context/top-nav-start/top-nav-start-attach-ref");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-theme-context");
@@ -192,7 +192,7 @@ function TopNavStart(_ref3) {
       setIsDesktop(window.matchMedia('(min-width: 64rem)').matches);
     }
   }, []);
-  (0, _compiled.UNSAFE_useMediaQuery)('above.md', function (event) {
+  (0, _useMediaQuery.UNSAFE_useMediaQuery)('above.md', function (event) {
     setIsDesktop(event.matches);
   });
   var _useState3 = (0, _react.useState)({

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

@@ -12,7 +12,9 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
@@ -70,7 +72,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     var text = nameRef.current;
     return Boolean(text && isTextClamped(text));
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
     ref: ref,
     "aria-label": label,
     href: href
@@ -79,7 +81,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     ,
     xcss: (0, _react2.cx)(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.075",
     alignBlock: "center",
     xcss: (0, _react2.cx)(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
@@ -100,7 +102,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     isScreenReaderAnnouncementDisabled: true,
     canAppear: canTooltipAppear
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement("span", tooltipProps, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    return /*#__PURE__*/_react.default.createElement("span", tooltipProps, /*#__PURE__*/_react.default.createElement(_text.Text, {
       "aria-hidden": true,
       color: "inherit",
       weight: "semibold",
@@ -109,7 +111,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     }, name));
   }), showSecondaryName && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([secondaryNameStyles.root])
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     "aria-hidden": true,
     color: "color.text.subtlest",
     weight: "regular",

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

@@ -10,7 +10,7 @@ require("./custom-logo.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
 var _logoRenderer = require("./logo-renderer");
@@ -80,7 +80,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
   }, []);
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
   var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
     ref: ref,
     "aria-label": label,
     href: href

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

@@ -13,7 +13,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _css = require("@atlaskit/css");
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
+var _show = require("@atlaskit/primitives/compiled/show");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
 var _iconButton = require("./themed/icon-button");
 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); }
@@ -38,7 +40,7 @@ var Search = exports.Search = function Search(_ref) {
     interactionName = _ref.interactionName,
     ariaHaspopup = _ref['aria-haspopup'];
   var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
     style: {
       // To win the specificity war against Emotion we move this into inline styles
       // When Emotion has been stripped from the Design System move this to Compiled.
@@ -58,11 +60,11 @@ var Search = exports.Search = function Search(_ref) {
     label: ""
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([styles.buttonText])
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     color: "color.text.subtlest"
   }, label)), elemAfter && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([styles.elemAfter])
-  }, elemAfter)), /*#__PURE__*/_react.default.createElement(_compiled.Show, {
+  }, elemAfter)), /*#__PURE__*/_react.default.createElement(_show.Show, {
     below: "xs"
   }, /*#__PURE__*/_react.default.createElement(_iconButton.IconButton, {
     label: label,

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

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@compiled/react");
 var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
 var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
 var styles = {
@@ -49,7 +49,7 @@ function ThemedAnchorFn(_ref, ref) {
     isDisabled = _ref.isDisabled,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasBorder = appearance === 'default' || isSelected;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
     ref: ref
     /**
      * We are using some style values that are outside of the strict

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

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
 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); }
@@ -46,7 +46,7 @@ var ThemedPressable = exports.ThemedPressable = /*#__PURE__*/(0, _react.forwardR
     isDisabled = _ref.isDisabled,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasBorder = appearance === 'default' || isSelected;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
+  return /*#__PURE__*/_react.default.createElement(_pressable.Pressable, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
     ref: ref,
     type: "button"
     /**

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

@@ -3,7 +3,7 @@ import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { focusElement } from './focus-element';
 const styles = {
   skipLinkListItem: "_1pfhze3t",

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { SkipLink } from './skip-link';
 import { SkipLinksPopup } from './skip-links-popup';
 const styles = {

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

@@ -6,7 +6,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
-import { chatPanelLiveWidthVar, chatPanelVar, localSlotLayers, mainMinimumWidthVar } from './constants';
+import { chatPanelLiveWidthVar, chatPanelVar, mainMinimumWidthVar } from './constants';
 import { convertResizeBoundToPixels } from './panel-splitter/convert-resize-bound-to-pixels';
 import { PanelSplitterProvider } from './panel-splitter/provider';
 import { resolveLayoutWidth } from './resolve-layout-width';

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

@@ -9,7 +9,7 @@ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popup } from '@atlaskit/popup/popup';
-import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled/responsive/index';
+import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled/use-media-query';
 import { List } from '../../../components/list';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';

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

@@ -5,7 +5,7 @@ import React, { forwardRef, useContext, useEffect, useLayoutEffect, useRef, useS
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
 import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { UNSAFE_useMediaQuery } from '@atlaskit/primitives/compiled';
+import { UNSAFE_useMediaQuery } from '@atlaskit/primitives/compiled/use-media-query';
 import { TopNavStartAttachRef } from '../../../context/top-nav-start/top-nav-start-attach-ref';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../../top-nav-items/themed/has-custom-theme-context';

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

@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';

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

@@ -3,7 +3,7 @@ import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
 import { cx } from '@compiled/react';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';

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

@@ -5,7 +5,9 @@ import React, { Fragment } from 'react';
 import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
+import { Show } from '@atlaskit/primitives/compiled/show';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/icon-button';
 const styles = {

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

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@compiled/react';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 const styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

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

@@ -4,7 +4,7 @@ import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 const styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

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

@@ -3,7 +3,7 @@ import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { focusElement } from './focus-element';
 var styles = {
   skipLinkListItem: "_1pfhze3t",

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

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { SkipLink } from './skip-link';
 import { SkipLinksPopup } from './skip-links-popup';
 var styles = {

package/dist/esm/ui/page-layout/chat-panel.js

@@ -8,7 +8,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
-import { chatPanelLiveWidthVar, chatPanelVar, localSlotLayers, mainMinimumWidthVar } from './constants';
+import { chatPanelLiveWidthVar, chatPanelVar, mainMinimumWidthVar } from './constants';
 import { convertResizeBoundToPixels } from './panel-splitter/convert-resize-bound-to-pixels';
 import { PanelSplitterProvider } from './panel-splitter/provider';
 import { resolveLayoutWidth } from './resolve-layout-width';

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

@@ -10,7 +10,7 @@ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popup } from '@atlaskit/popup/popup';
-import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled/responsive/index';
+import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled/use-media-query';
 import { List } from '../../../components/list';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';

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

@@ -6,7 +6,7 @@ import React, { forwardRef, useContext, useEffect, useLayoutEffect, useRef, useS
 import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
 import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { UNSAFE_useMediaQuery } from '@atlaskit/primitives/compiled';
+import { UNSAFE_useMediaQuery } from '@atlaskit/primitives/compiled/use-media-query';
 import { TopNavStartAttachRef } from '../../../context/top-nav-start/top-nav-start-attach-ref';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../../top-nav-items/themed/has-custom-theme-context';

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

@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';

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

@@ -3,7 +3,7 @@ import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
 import { cx } from '@compiled/react';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';

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

@@ -5,7 +5,9 @@ import React, { Fragment } from 'react';
 import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
+import { Show } from '@atlaskit/primitives/compiled/show';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/icon-button';
 var styles = {

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

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@compiled/react';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

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

@@ -6,7 +6,7 @@ import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

package/dist/types/ui/page-layout/dangerously-hoist-css-var-to-document-root.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MediaQuery } from '@atlaskit/primitives/responsive';
+import type { MediaQuery } from '@atlaskit/primitives/responsive/types';
 export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
     variableName: string;
     value: string | number;

package/dist/types/ui/page-layout/panel-splitter/get-width-from-drag-location.d.ts

@@ -1,4 +1,4 @@
-import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';
+import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/internal-types';
 export declare const getWidthFromDragLocation: ({ initialWidth, location, initialClientX, direction, position, }: {
     initialWidth: number;
     location: DragLocationHistory;

package/dist/types/ui/top-nav-items/themed/themed-anchor.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type AnchorProps } from '@atlaskit/primitives/compiled';
+import { type AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
 export interface ThemedButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, TextButtonCommonProps {
 }

package/dist/types/ui/top-nav-items/themed/themed-icon-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
 export interface ThemedIconButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, IconButtonCommonProps {
 }

package/dist/types/ui/top-nav-items/themed/themed-link-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-link-icon-button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-pressable.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type PressableProps } from '@atlaskit/primitives/compiled';
+import { type PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props shared by `ThemedPressable` and `ThemedAnchor`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "11.2.2",
+	"version": "11.2.3",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"license": "Apache-2.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/layering": "^6.0.0",
 		"@atlaskit/logo": "^23.3.0",
-		"@atlaskit/motion": "^9.3.0",
+		"@atlaskit/motion": "^9.4.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popup": "^9.0.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.5.0",
-		"@atlaskit/tokens": "^20.4.0",
+		"@atlaskit/tokens": "^20.5.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -119,10 +119,10 @@
 		"@atlaskit/top-layer": "^6.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/gemini": "^1.54.0",
-		"@atlassian/panel-system": "^1.12.0",
+		"@atlassian/panel-system": "^1.14.0",
 		"@atlassian/react-async": "^0.23.0",
 		"@atlassian/react-entrypoint": "^1.1.0",
-		"@atlassian/search-dialog": "^10.19.0",
+		"@atlassian/search-dialog": "^10.20.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.1.0",
 		"@atlassian/testing-library": "^0.11.0",