@atlaskit/navigation-system 5.11.0 → 5.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css +1 -0
  3. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +4 -2
  4. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css +1 -0
  5. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +4 -2
  6. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css +1 -0
  7. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +4 -2
  8. package/package.json +4 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 5.11.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`64bc203524295`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/64bc203524295) -
8
+ Adds a patch behind the feature flag `platform-dst-nav-app-icon-height-fix`, enforcing a
9
+ max-height on AppLogo to prevent custom App Logos from extending beyond the edges of the
10
+ container. This flag will be cleaned up in an upcoming release.
11
+
3
12
  ## 5.11.0
4
13
 
5
14
  ### Minor Changes
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -13,6 +13,7 @@
13
13
  ._4t3izwfg{height:2pc}
14
14
  ._5jyqglyw._5jyqglyw{text-decoration-line:none}
15
15
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
16
+ ._c71l1tcg{max-height:24px}
16
17
  ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
17
18
  ._p12f1osq{max-width:100%}
18
19
  ._p12f1tcg{max-width:24px}
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -11,6 +11,7 @@ require("./app-logo.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _react2 = require("@compiled/react");
14
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
15
  var _compiled = require("@atlaskit/primitives/compiled");
15
16
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
16
17
  var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
@@ -29,7 +30,8 @@ var logoWrapperStyles = {
29
30
  };
30
31
  var iconContainerStyles = {
31
32
  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
32
- fullHeightSidebar: "_1o9zidpf"
33
+ fullHeightSidebar: "_1o9zidpf",
34
+ maxHeightStyles: "_c71l1tcg"
33
35
  };
34
36
  var logoTextStyles = {
35
37
  root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -79,7 +81,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
79
81
  alignBlock: "center",
80
82
  xcss: (0, _react2.cx)(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
81
83
  }, /*#__PURE__*/_react.default.createElement("div", {
82
- className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
84
+ className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, (0, _platformFeatureFlags.fg)('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
83
85
  }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer
84
86
  // Top nav always uses the new logo design
85
87
  , {
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -13,6 +13,7 @@
13
13
  ._4t3izwfg{height:2pc}
14
14
  ._5jyqglyw._5jyqglyw{text-decoration-line:none}
15
15
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
16
+ ._c71l1tcg{max-height:24px}
16
17
  ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
17
18
  ._p12f1osq{max-width:100%}
18
19
  ._p12f1tcg{max-width:24px}
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -3,6 +3,7 @@ import "./app-logo.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useRef } from 'react';
5
5
  import { cx } from '@compiled/react';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
7
8
  import Tooltip from '@atlaskit/tooltip';
8
9
  import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
@@ -20,7 +21,8 @@ const logoWrapperStyles = {
20
21
  };
21
22
  const iconContainerStyles = {
22
23
  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
23
- fullHeightSidebar: "_1o9zidpf"
24
+ fullHeightSidebar: "_1o9zidpf",
25
+ maxHeightStyles: "_c71l1tcg"
24
26
  };
25
27
  const logoTextStyles = {
26
28
  root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -71,7 +73,7 @@ export const AppLogo = ({
71
73
  alignBlock: "center",
72
74
  xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
73
75
  }, /*#__PURE__*/React.createElement("div", {
74
- className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
76
+ className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, fg('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
75
77
  }, /*#__PURE__*/React.createElement(LogoRenderer
76
78
  // Top nav always uses the new logo design
77
79
  , {
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -13,6 +13,7 @@
13
13
  ._4t3izwfg{height:2pc}
14
14
  ._5jyqglyw._5jyqglyw{text-decoration-line:none}
15
15
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
16
+ ._c71l1tcg{max-height:24px}
16
17
  ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
17
18
  ._p12f1osq{max-width:100%}
18
19
  ._p12f1tcg{max-width:24px}
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -3,6 +3,7 @@ import "./app-logo.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useRef } from 'react';
5
5
  import { cx } from '@compiled/react';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
7
8
  import Tooltip from '@atlaskit/tooltip';
8
9
  import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
@@ -20,7 +21,8 @@ var logoWrapperStyles = {
20
21
  };
21
22
  var iconContainerStyles = {
22
23
  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg",
23
- fullHeightSidebar: "_1o9zidpf"
24
+ fullHeightSidebar: "_1o9zidpf",
25
+ maxHeightStyles: "_c71l1tcg"
24
26
  };
25
27
  var logoTextStyles = {
26
28
  root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _10y418uv"
@@ -70,7 +72,7 @@ export var AppLogo = function AppLogo(_ref) {
70
72
  alignBlock: "center",
71
73
  xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
72
74
  }, /*#__PURE__*/React.createElement("div", {
73
- className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
75
+ className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar, fg('platform-dst-nav-app-icon-height-fix') && iconContainerStyles.maxHeightStyles])
74
76
  }, /*#__PURE__*/React.createElement(LogoRenderer
75
77
  // Top nav always uses the new logo design
76
78
  , {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.11.0",
3
+ "version": "5.11.1",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -187,6 +187,9 @@
187
187
  },
188
188
  "platform-dst-buttonmenuitem-selected-state-support": {
189
189
  "type": "boolean"
190
+ },
191
+ "platform-dst-nav-app-icon-height-fix": {
192
+ "type": "boolean"
190
193
  }
191
194
  },
192
195
  "homepage": "https://atlassian.design/components/navigation-system"