@atlaskit/navigation-system 2.10.1 → 2.11.0

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"],
@@ -12,11 +12,11 @@ import "./button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { Anchor, Pressable } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { forwardRefWithGeneric } from '../../../components/forward-ref-with-generic';
 
 /**
  * Props from primitives that we explicitly ignore and remove from spread props,

package/dist/types/ui/page-layout/side-nav/side-nav-content.d.ts

@@ -2,14 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * The main content of the side nav, filling up the middle section. It acts as a scroll container.
  *
  * It will grow to take up the available space in the side nav — this is used to push the footer to the
  * bottom of the side nav.
  */
-export declare const SideNavContent: import("react").ForwardRefExoticComponent<SideNavContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SideNavContent: React.ForwardRefExoticComponent<SideNavContentProps & React.RefAttributes<HTMLDivElement>>;
 type SideNavContentProps = {
     /**
      * The content of the layout area.

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-content.d.ts

@@ -2,14 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * The main content of the side nav, filling up the middle section. It acts as a scroll container.
  *
  * It will grow to take up the available space in the side nav — this is used to push the footer to the
  * bottom of the side nav.
  */
-export declare const SideNavContent: import("react").ForwardRefExoticComponent<SideNavContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SideNavContent: React.ForwardRefExoticComponent<SideNavContentProps & React.RefAttributes<HTMLDivElement>>;
 type SideNavContentProps = {
     /**
      * The content of the layout area.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.10.1",
+	"version": "2.11.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -67,11 +67,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.1.0",
+		"@atlaskit/avatar": "^25.2.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/ds-lib": "^5.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -80,13 +80,14 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"bind-event-listener": "^3.0.0",
+		"raf-schd": "^4.0.3",
 		"tiny-invariant": "^1.2.0"
 	},
 	"peerDependencies": {
@@ -102,7 +103,7 @@
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.3.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^12.7.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
@@ -183,6 +184,9 @@
 		"navx-full-height-sidebar": {
 			"type": "boolean"
 		},
+		"team25-eu-jira-logo-updates-csm-jsm": {
+			"type": "boolean"
+		},
 		"platform_dst_nav4_full_height_sidebar_api_changes": {
 			"type": "boolean"
 		},
@@ -191,6 +195,9 @@
 		},
 		"platform_dst_nav4_side_nav_click_outside_fix": {
 			"type": "boolean"
+		},
+		"platform_dst_flyout_menu_item_chevron_color": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/navigation-system"

package/dist/cjs/components/forward-ref-with-generic.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.forwardRefWithGeneric = void 0;
-var _react = require("react");
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-var forwardRefWithGeneric = exports.forwardRefWithGeneric = _react.forwardRef;

package/dist/es2019/components/forward-ref-with-generic.js

@@ -1,6 +0,0 @@
-import { forwardRef } from 'react';
-
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export const forwardRefWithGeneric = forwardRef;

package/dist/esm/components/forward-ref-with-generic.js

@@ -1,6 +0,0 @@
-import { forwardRef } from 'react';
-
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export var forwardRefWithGeneric = forwardRef;

package/dist/types/components/forward-ref-with-generic.d.ts

@@ -1,4 +0,0 @@
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export declare const forwardRefWithGeneric: <ElementType, Props = {}>(render: (props: Props, ref: React.Ref<ElementType>) => React.ReactElement | null) => (props: Props & React.RefAttributes<ElementType>) => React.ReactElement | null;

package/dist/types-ts4.5/components/forward-ref-with-generic.d.ts

@@ -1,4 +0,0 @@
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export declare const forwardRefWithGeneric: <ElementType, Props = {}>(render: (props: Props, ref: React.Ref<ElementType>) => React.ReactElement | null) => (props: Props & React.RefAttributes<ElementType>) => React.ReactElement | null;