@atlaskit/navigation-system 5.10.2 → 5.11.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlassian/navigation-system
 
+## 5.11.1
+
+### Patch Changes
+
+- [`64bc203524295`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/64bc203524295) -
+  Adds a patch behind the feature flag `platform-dst-nav-app-icon-height-fix`, enforcing a
+  max-height on AppLogo to prevent custom App Logos from extending beyond the edges of the
+  container. This flag will be cleaned up in an upcoming release.
+
+## 5.11.0
+
+### Minor Changes
+
+- [`f6629e6a4f5ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f6629e6a4f5ef) -
+  The chevron icon in `FlyoutMenuItemTrigger` now uses `currentColor`, instead of the `color.icon`
+  color token. It will now inherit the same color that the menu item label uses.
+
+  This change was previously behind the feature gate `platform_dst_flyout_menu_item_chevron_color`,
+  which has now been cleaned up.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.10.2
 
 ### Patch Changes

package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js

@@ -13,7 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experimental = require("@atlaskit/popup/experimental");
 var _menuItem = require("../menu-item");
 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); }
@@ -51,7 +50,7 @@ var FlyoutMenuItemTrigger = exports.FlyoutMenuItemTrigger = /*#__PURE__*/(0, _re
         className: (0, _runtime.ax)([elemAfterStyles.root])
       }, /*#__PURE__*/React.createElement(_chevronRight.default, {
         label: "",
-        color: (0, _platformFeatureFlags.fg)('platform_dst_flyout_menu_item_chevron_color') ? 'currentColor' : "var(--ds-icon, #292A2E)",
+        color: "currentColor",
         size: "small"
       })),
       onClick: onClick,

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

@@ -13,6 +13,7 @@
 ._4t3izwfg{height:2pc}
 ._5jyqglyw._5jyqglyw{text-decoration-line:none}
 ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
+._c71l1tcg{max-height:24px}
 ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
 ._p12f1osq{max-width:100%}
 ._p12f1tcg{max-width:24px}

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

@@ -11,6 +11,7 @@ require("./app-logo.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
@@ -29,7 +30,8 @@ var logoWrapperStyles = {
 };
 var iconContainerStyles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
-  fullHeightSidebar: "_1o9zidpf"
+  fullHeightSidebar: "_1o9zidpf",
+  maxHeightStyles: "_c71l1tcg"
 };
 var logoTextStyles = {
   root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -79,7 +81,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     alignBlock: "center",
     xcss: (0, _react2.cx)(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
+    className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, (0, _platformFeatureFlags.fg)('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
   }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer
   // Top nav always uses the new logo design
   , {

package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { PopupTrigger } from '@atlaskit/popup/experimental';
 import { MenuItemBase } from '../menu-item';
 const elemAfterStyles = {
@@ -42,7 +41,7 @@ export const FlyoutMenuItemTrigger = /*#__PURE__*/forwardRef(({
     className: ax([elemAfterStyles.root])
   }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
     label: "",
-    color: fg('platform_dst_flyout_menu_item_chevron_color') ? 'currentColor' : "var(--ds-icon, #292A2E)",
+    color: "currentColor",
     size: "small"
   })),
   onClick: onClick,

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

@@ -13,6 +13,7 @@
 ._4t3izwfg{height:2pc}
 ._5jyqglyw._5jyqglyw{text-decoration-line:none}
 ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
+._c71l1tcg{max-height:24px}
 ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
 ._p12f1osq{max-width:100%}
 ._p12f1tcg{max-width:24px}

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

@@ -3,6 +3,7 @@ import "./app-logo.compiled.css";
 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';
 import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
@@ -20,7 +21,8 @@ const logoWrapperStyles = {
 };
 const iconContainerStyles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
-  fullHeightSidebar: "_1o9zidpf"
+  fullHeightSidebar: "_1o9zidpf",
+  maxHeightStyles: "_c71l1tcg"
 };
 const logoTextStyles = {
   root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -71,7 +73,7 @@ export const AppLogo = ({
     alignBlock: "center",
     xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
+    className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, fg('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
   }, /*#__PURE__*/React.createElement(LogoRenderer
   // Top nav always uses the new logo design
   , {

package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { PopupTrigger } from '@atlaskit/popup/experimental';
 import { MenuItemBase } from '../menu-item';
 var elemAfterStyles = {
@@ -42,7 +41,7 @@ export var FlyoutMenuItemTrigger = /*#__PURE__*/forwardRef(function (_ref, forwa
         className: ax([elemAfterStyles.root])
       }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
         label: "",
-        color: fg('platform_dst_flyout_menu_item_chevron_color') ? 'currentColor' : "var(--ds-icon, #292A2E)",
+        color: "currentColor",
         size: "small"
       })),
       onClick: onClick,

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

@@ -13,6 +13,7 @@
 ._4t3izwfg{height:2pc}
 ._5jyqglyw._5jyqglyw{text-decoration-line:none}
 ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
+._c71l1tcg{max-height:24px}
 ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
 ._p12f1osq{max-width:100%}
 ._p12f1tcg{max-width:24px}

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

@@ -3,6 +3,7 @@ import "./app-logo.compiled.css";
 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';
 import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
@@ -20,7 +21,8 @@ var logoWrapperStyles = {
 };
 var iconContainerStyles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
-  fullHeightSidebar: "_1o9zidpf"
+  fullHeightSidebar: "_1o9zidpf",
+  maxHeightStyles: "_c71l1tcg"
 };
 var logoTextStyles = {
   root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -70,7 +72,7 @@ export var AppLogo = function AppLogo(_ref) {
     alignBlock: "center",
     xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
+    className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, fg('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
   }, /*#__PURE__*/React.createElement(LogoRenderer
   // Top nav always uses the new logo design
   , {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "5.10.2",
+	"version": "5.11.1",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -179,9 +179,6 @@
 		"team25-eu-jira-logo-updates-csm-jsm": {
 			"type": "boolean"
 		},
-		"platform_dst_flyout_menu_item_chevron_color": {
-			"type": "boolean"
-		},
 		"platform_themed_button_use_icon_renderer": {
 			"type": "boolean"
 		},
@@ -190,6 +187,9 @@
 		},
 		"platform-dst-buttonmenuitem-selected-state-support": {
 			"type": "boolean"
+		},
+		"platform-dst-nav-app-icon-height-fix": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/navigation-system"