@atlaskit/navigation-system 0.168.0 → 0.169.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlassian/navigation-system
 
+## 0.169.0
+
+### Minor Changes
+
+- [#175869](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175869)
+  [`e7f822af7edc1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e7f822af7edc1) -
+  Updated usages of deprecated icons with replacement icons
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.168.0
 
 ### Minor Changes

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

@@ -56,7 +56,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
 
   /**
-      * Show the tooltip if the name is truncated
+   * Show the tooltip if the name is truncated
    */
   var canTooltipAppear = (0, _react.useCallback)(function () {
     var text = nameRef.current;

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

@@ -48,7 +48,7 @@ export const AppLogo = ({
   const hasCustomTheme = useHasCustomTheme();
 
   /**
-      * Show the tooltip if the name is truncated
+   * Show the tooltip if the name is truncated
    */
   const canTooltipAppear = useCallback(() => {
     const text = nameRef.current;

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

@@ -47,7 +47,7 @@ export var AppLogo = function AppLogo(_ref) {
   var hasCustomTheme = useHasCustomTheme();
 
   /**
-      * Show the tooltip if the name is truncated
+   * Show the tooltip if the name is truncated
    */
   var canTooltipAppear = useCallback(function () {
     var text = nameRef.current;

package/examples/company-hub-mock.tsx

@@ -14,7 +14,7 @@ import { cssMap } from '@atlaskit/css';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import Heading from '@atlaskit/heading';
 import AiChatIcon from '@atlaskit/icon/core/ai-chat';
-import CrossIcon from '@atlaskit/icon/core/close';
+import CrossIcon from '@atlaskit/icon/core/cross';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import { ConfluenceIcon, ConfluenceLogo } from '@atlaskit/logo';
 import { TopNavButton } from '@atlaskit/navigation-system/experimental/top-nav-button';

package/examples/confluence-mock.tsx

@@ -19,7 +19,7 @@ import AppsIcon from '@atlaskit/icon/core/apps';
 import BoardIcon from '@atlaskit/icon/core/board';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import ClockIcon from '@atlaskit/icon/core/clock';
-import CrossIcon from '@atlaskit/icon/core/close';
+import CrossIcon from '@atlaskit/icon/core/cross';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import InboxIcon from '@atlaskit/icon/core/inbox';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';

package/examples/page-layout.tsx

@@ -11,7 +11,7 @@ import { IconButton } from '@atlaskit/button/new';
 import AddIcon from '@atlaskit/icon/core/add';
 import HomeIcon from '@atlaskit/icon/core/home';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import WarningIcon from '@atlaskit/icon/core/warning';
+import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
 import BoardIcon from '@atlaskit/icon/glyph/board';
 import { MenuList } from '@atlaskit/navigation-system';
 import { Aside } from '@atlaskit/navigation-system/layout/aside';
@@ -156,7 +156,7 @@ function BannerToggleAction({
 	return (
 		<Hide below="sm">
 			<MenuListItem>
-				<IconButton icon={WarningIcon} label={label} onClick={onClick} isSelected={isSelected} />
+				<IconButton icon={StatusWarningIcon} label={label} onClick={onClick} isSelected={isSelected} />
 			</MenuListItem>
 		</Hide>
 	);

package/examples/top-navigation-stress.tsx

@@ -41,10 +41,7 @@ import { WithResponsiveViewport } from './utils/example-utils';
 import { MockRoot } from './utils/mock-root';
 import { MockSearch } from './utils/mock-search';
 
-
-const connieNavLogo = (
-	<AppLogo href="" icon={ConfluenceIcon} name="Confluence" label="Home page" />
-);
+const connieNavLogo = <AppLogo href="" icon={ConfluenceIcon} name="Confluence" label="Home page" />;
 // Stress test nav responsive behaviour with a wide logo
 const wideNavLogo = (
 	<NavLogo
@@ -53,7 +50,7 @@ const wideNavLogo = (
 		logo={() => <img alt="" src={placeholder200x20} />}
 		label="Home page"
 	/>
-)
+);
 
 const defaultTopNavEnd = (
 	<Fragment>

package/examples/top-navigation-theming.tsx

@@ -73,8 +73,8 @@ const TopNavigationThemingInstance = ({ customTheme }: { customTheme?: CustomThe
 						isSelected={isAppSwitcherSelected}
 					/>
 					{fg('platform-team25-app-icon-tiles') ? (
-					<AppLogo
-						href="http://www.atlassian.design"
+						<AppLogo
+							href="http://www.atlassian.design"
 							icon={JiraIcon}
 							name="Jira"
 							label="Home page"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "0.168.0",
+	"version": "0.169.0",
 	"description": "The latest navigation system for Atlassian products.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -116,7 +116,7 @@
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^27.2.0",
+		"@atlaskit/icon": "^27.3.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/logo": "^19.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -156,7 +156,7 @@
 		"@atlaskit/page-header": "^12.0.0",
 		"@atlaskit/page-layout": "^4.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
-		"@atlaskit/select": "^21.0.0",
+		"@atlaskit/select": "^21.1.0",
 		"@atlaskit/skeleton": "^2.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",

package/src/ui/top-nav-items/nav-logo/app-logo.tsx

@@ -9,9 +9,7 @@ import { cssMap, cx, jsx } from '@compiled/react';
 import type { LogoProps } from '@atlaskit/logo';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Inline, Text } from '@atlaskit/primitives';
-import type {
-	IconProps as TempIconProps
-} from '@atlaskit/temp-nav-app-icons/types';
+import type { IconProps as TempIconProps } from '@atlaskit/temp-nav-app-icons/types';
 import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 
@@ -19,7 +17,6 @@ import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 
 import { LogoRenderer } from './logo-renderer';
 
-
 const anchorStyles = cssMap({
 	root: {
 		display: 'flex',
@@ -104,7 +101,6 @@ function isTextClamped(element: HTMLElement): boolean {
 	return element.scrollHeight > element.clientHeight;
 }
 
-
 /**
  * __App logo__
  *
@@ -148,7 +144,7 @@ export const AppLogo = ({
 	const hasCustomTheme = useHasCustomTheme();
 
 	/**
-     * Show the tooltip if the name is truncated
+	 * Show the tooltip if the name is truncated
 	 */
 	const canTooltipAppear = useCallback((): boolean => {
 		const text = nameRef.current;
@@ -188,7 +184,7 @@ export const AppLogo = ({
 						ignoreTooltipPointerEvents
 						hideTooltipOnMouseDown
 						// We don't need a duplicate hidden element containing tooltip content
-                        // as the content of the tooltip matches what is rendered in the nav item.
+						// as the content of the tooltip matches what is rendered in the nav item.
 						isScreenReaderAnnouncementDisabled
 						canAppear={canTooltipAppear}
 					>
@@ -210,4 +206,4 @@ export const AppLogo = ({
 			</Inline>
 		</Anchor>
 	);
-};
+};

package/src/ui/top-nav-items/nav-logo/nav-logo.tsx

@@ -222,7 +222,7 @@ export const NavLogo = ({
 			xcss={cx(
 				anchorStyles.root,
 				fg('platform_design_system_nav_logo_interaction_states') &&
-				anchorStyles.customLogoBorderRadius,
+					anchorStyles.customLogoBorderRadius,
 				fg('platform_design_system_nav_logo_interaction_states') && anchorStyles.newMargin,
 				fg('platform_design_system_nav_logo_interaction_states') &&
 					(hasCustomTheme