@atlaskit/navigation-system 2.6.0 → 2.7.0

package/dist/esm/ui/menu-section/menu-section-heading.js

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

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

@@ -1,4 +1,4 @@
-/* aside.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* aside.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.js

@@ -1,4 +1,4 @@
-/* banner.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* banner.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.36.1 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

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

package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css

@@ -24,12 +24,15 @@
 ._syaz1kw7{color:inherit}
 ._u7coidpf{inset-block-end:0}
 ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
-._1cg4fnf5:focus-within, ._le1bfnf5:hover{transition-duration:.2s}
-._1dr21ylx:focus-within, ._1s5z1ylx:hover{transition-property:color}
-._vp7gaqb7:focus-within, ._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
+._1cg4fnf5:focus-within{transition-duration:.2s}
+._1dr21ylx:focus-within{transition-property:color}
+._vp7gaqb7:focus-within{color:var(--ds-text-selected,#0c66e4)}
 ._1gavfnf5:hover{transition-delay:.2s}
+._1s5z1ylx:hover{transition-property:color}
+._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
 ._d0al11mm:hover{cursor:col-resize}
 ._d0aluf7j:hover{cursor:ew-resize}
+._le1bfnf5:hover{transition-duration:.2s}
 ._1gglglyw:active{transition:none}
 ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
 @media (min-width:48rem){._181n1ule{display:block}}

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

@@ -1,4 +1,4 @@
-/* panel-splitter.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* panel-splitter.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./panel-splitter.compiled.css";

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/* side-nav.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* side-nav.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

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

@@ -1,4 +1,4 @@
-/* toggle-button.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* toggle-button.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./toggle-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* top-nav-end.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* top-nav-end.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./top-nav-end.compiled.css";

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

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

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

@@ -1,4 +1,4 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./top-nav-start.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext, useEffect, useRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* top-nav.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* top-nav.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["backgroundColor"];
 import "./top-nav.compiled.css";

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

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

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

@@ -1,13 +1,19 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* app-logo.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./app-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { Anchor as AnchorLegacy, Inline as InlineLegacy, Text as TextLegacy
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Anchor, Inline, Text } from '@atlaskit/primitives';
+} from '@atlaskit/primitives';
+import { Anchor as AnchorCompiled, Inline as InlineCompiled, Text as TextCompiled } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
+var Anchor = componentWithFG('jfp-magma-hydration-harmonise-applogo-classname', AnchorCompiled, AnchorLegacy);
+var Inline = componentWithFG('jfp-magma-hydration-harmonise-applogo-classname', InlineCompiled, InlineLegacy);
+var Text = componentWithFG('jfp-magma-hydration-harmonise-applogo-classname', TextCompiled, TextLegacy);
 var anchorStyles = {
   root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
   interactionStates: "_irr3166n _1di61wwy",

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

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

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

@@ -1,4 +1,4 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';

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

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

package/dist/esm/ui/top-nav-items/themed/button.compiled.css

@@ -1,3 +1,4 @@
+
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px 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)}
@@ -32,27 +33,36 @@
 ._syaz1i3i{color:var(--ds-top-bar-button-disabled-text)}
 ._syaz1r31{color:currentColor}
 ._syazw5ct{color:var(--ds-top-bar-button-selected-text)}
-._vwz4idpf{line-height:0}
-._f8pj15o7:focus, ._105315o7:visited{color:var(--ds-top-bar-button-primary-text)}
-._f8pj1i3i:focus, ._10531i3i:visited{color:var(--ds-top-bar-button-disabled-text)}
-._f8pj1r31:focus, ._10531r31:visited{color:currentColor}
-._f8pjw5ct:focus, ._1053w5ct:visited{color:var(--ds-top-bar-button-selected-text)}
+._vwz4idpf{line-height:0}._105315o7:visited{color:var(--ds-top-bar-button-primary-text)}
+._10531i3i:visited{color:var(--ds-top-bar-button-disabled-text)}
+._10531r31:visited{color:currentColor}
+._1053w5ct:visited{color:var(--ds-top-bar-button-selected-text)}
+._1a3b1r31:focus{text-decoration-color:currentColor}
+._4fprglyw:focus{text-decoration-line:none}
+._5goinqa1:focus{text-decoration-style:solid}
+._f8pj15o7:focus{color:var(--ds-top-bar-button-primary-text)}
+._f8pj1i3i:focus{color:var(--ds-top-bar-button-disabled-text)}
+._f8pj1r31:focus{color:currentColor}
+._f8pjw5ct:focus{color:var(--ds-top-bar-button-selected-text)}
 ._19lc1c9b:hover{background:var(--ds-top-bar-button-disabled-background)}
 ._19lc1rps:hover{background:var(--ds-top-bar-button-background-hovered)}
 ._19lcjrv1:hover{background:var(--ds-top-bar-button-selected-background-hovered)}
 ._19lcp6hf:hover{background:var(--ds-top-bar-button-primary-background-hovered)}
+._1bnxglyw:hover{text-decoration-line:none}
 ._30l315o7:hover{color:var(--ds-top-bar-button-primary-text)}
 ._30l31i3i:hover{color:var(--ds-top-bar-button-disabled-text)}
 ._30l31r31:hover{color:currentColor}
 ._30l3w5ct:hover{color:var(--ds-top-bar-button-selected-text)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
 ._j6xt1c9b:active{background:var(--ds-top-bar-button-disabled-background)}
 ._j6xt5sko:active{background:var(--ds-top-bar-button-primary-background-pressed)}
 ._j6xtnh62:active{background:var(--ds-top-bar-button-selected-background-pressed)}
 ._j6xtqtgh:active{background:var(--ds-top-bar-button-background-pressed)}
-._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover{text-decoration-style:solid}
-._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover{text-decoration-color:currentColor}
+._1iohnqa1:active{text-decoration-style:solid}
+._1nrm1r31:active{text-decoration-color:currentColor}
 ._9h8h15o7:active{color:var(--ds-top-bar-button-primary-text)}
 ._9h8h1i3i:active{color:var(--ds-top-bar-button-disabled-text)}
 ._9h8h1r31:active{color:currentColor}
 ._9h8hw5ct:active{color:var(--ds-top-bar-button-selected-text)}
-._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover{text-decoration-line:none}
+._c2waglyw:active{text-decoration-line:none}

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

@@ -1,4 +1,4 @@
-/* button.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* button.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["style", "xcss", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd"],

package/dist/types/ui/menu-item/expandable-menu-item/expandable-menu-item.d.ts

@@ -37,6 +37,10 @@ export type ExpandableMenuItemProps = {
      * and not when only the `ExpandableMenuItemTrigger` is a drop target.
      */
     dropIndicator?: ReactNode;
+    /**
+     * testId for MenuListItem
+     */
+    testId?: string;
 };
 /**
  * __ExpandableMenuItem__

package/dist/types-ts4.5/ui/menu-item/expandable-menu-item/expandable-menu-item.d.ts

@@ -37,6 +37,10 @@ export type ExpandableMenuItemProps = {
      * and not when only the `ExpandableMenuItemTrigger` is a drop target.
      */
     dropIndicator?: ReactNode;
+    /**
+     * testId for MenuListItem
+     */
+    testId?: string;
 };
 /**
  * __ExpandableMenuItem__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -75,6 +75,7 @@
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
@@ -96,12 +97,12 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/app-provider": "^3.1.0",
+		"@atlaskit/app-provider": "^3.2.0",
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.3.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^12.5.0",
+		"@atlaskit/form": "^12.6.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
@@ -145,6 +146,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"jfp-magma-hydration-harmonise-applogo-classname": {
+			"type": "boolean"
+		},
 		"platform-component-visual-refresh": {
 			"type": "boolean",
 			"referenceOnly": true