@atlaskit/navigation-system 5.12.2 → 5.13.0

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 (13) hide show
  1. package/CHANGELOG.md +18 -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 +2 -1
  4. package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +4 -17
  5. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css +1 -0
  6. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +2 -1
  7. package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -15
  8. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css +1 -0
  9. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +2 -1
  10. package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +2 -15
  11. package/dist/types/ui/top-nav-items/nav-logo/logo-renderer.d.ts +1 -4
  12. package/dist/types-ts4.5/ui/top-nav-items/nav-logo/logo-renderer.d.ts +1 -4
  13. package/package.json +4 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 5.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`51928601f0216`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51928601f0216) -
8
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 5.12.3
15
+
16
+ ### Patch Changes
17
+
18
+ - [`4026de04805f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4026de04805f9) -
19
+ Clean up flag.
20
+
3
21
  ## 5.12.2
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko19bv{border-radius:10px}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1ris{width:max-content}
5
6
  ._1e0c1txw{display:flex}
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -20,6 +20,7 @@ var _logoRenderer = require("./logo-renderer");
20
20
  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); }
21
21
  var anchorStyles = {
22
22
  root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
23
+ rootT26Shape: "_2rko1mok",
23
24
  interactionStates: "_irr31dpa _1di69yc7",
24
25
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
25
26
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -74,7 +75,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
74
75
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
75
76
  // eslint-disable-next-line @compiled/no-suppress-xcss
76
77
  ,
77
- xcss: (0, _react2.cx)(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
78
+ xcss: (0, _react2.cx)(anchorStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
78
79
  onClick: onClick
79
80
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
80
81
  space: "space.075",
package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js CHANGED
@@ -7,31 +7,18 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.LogoRenderer = LogoRenderer;
9
9
  exports.themedLogoText = exports.themedLogoIcon = void 0;
10
+ var React = _interopRequireWildcard(require("react"));
10
11
  var _runtime = require("@compiled/react/runtime");
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
14
13
  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); }
15
14
  var themedLogoIcon = exports.themedLogoIcon = '--ds-top-bar-logo-icon';
16
15
  var themedLogoText = exports.themedLogoText = '--ds-top-bar-logo-text';
17
16
  function LogoRenderer(_ref) {
18
- var logoOrIcon = _ref.logoOrIcon,
17
+ var LogoOrIcon = _ref.logoOrIcon,
19
18
  shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
20
- return (0, _platformFeatureFlags.fg)('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/_react.default.createElement(LogoRendererMemo, {
21
- logoOrIcon: logoOrIcon,
22
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
23
- }) : /*#__PURE__*/_react.default.createElement(LogoRendererNoMemo, {
24
- logoOrIcon: logoOrIcon,
25
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
26
- });
27
- }
28
- var LogoRendererMemo = /*#__PURE__*/(0, _react.memo)(LogoRendererNoMemo);
29
- function LogoRendererNoMemo(_ref2) {
30
- var LogoOrIcon = _ref2.logoOrIcon,
31
- shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign;
32
19
  var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
33
20
  if (hasCustomTheme) {
34
- return /*#__PURE__*/_react.default.createElement(LogoOrIcon, {
21
+ return /*#__PURE__*/React.createElement(LogoOrIcon, {
35
22
  label: "",
36
23
  size: "small",
37
24
  shouldUseNewLogoDesign: shouldUseNewLogoDesign,
@@ -39,7 +26,7 @@ function LogoRendererNoMemo(_ref2) {
39
26
  textColor: "var(".concat(themedLogoText, ")")
40
27
  });
41
28
  }
42
- return /*#__PURE__*/_react.default.createElement(LogoOrIcon, {
29
+ return /*#__PURE__*/React.createElement(LogoOrIcon, {
43
30
  size: "small",
44
31
  shouldUseNewLogoDesign: shouldUseNewLogoDesign,
45
32
  label: "",
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko19bv{border-radius:10px}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1ris{width:max-content}
5
6
  ._1e0c1txw{display:flex}
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -11,6 +11,7 @@ import { useHasCustomTheme } from '../themed/has-custom-theme-context';
11
11
  import { LogoRenderer } from './logo-renderer';
12
12
  const anchorStyles = {
13
13
  root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
14
+ rootT26Shape: "_2rko1mok",
14
15
  interactionStates: "_irr31dpa _1di69yc7",
15
16
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
16
17
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -66,7 +67,7 @@ export const AppLogo = ({
66
67
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
67
68
  // eslint-disable-next-line @compiled/no-suppress-xcss
68
69
  ,
69
- xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
70
+ xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
70
71
  onClick: onClick
71
72
  }, /*#__PURE__*/React.createElement(Inline, {
72
73
  space: "space.075",
package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js CHANGED
@@ -1,24 +1,10 @@
1
1
  /* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ import * as React from 'react';
2
3
  import { ax, ix } from "@compiled/react/runtime";
3
- import React, { memo } from 'react';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
6
5
  export const themedLogoIcon = '--ds-top-bar-logo-icon';
7
6
  export const themedLogoText = '--ds-top-bar-logo-text';
8
7
  export function LogoRenderer({
9
- logoOrIcon,
10
- shouldUseNewLogoDesign
11
- }) {
12
- return fg('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/React.createElement(LogoRendererMemo, {
13
- logoOrIcon: logoOrIcon,
14
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
15
- }) : /*#__PURE__*/React.createElement(LogoRendererNoMemo, {
16
- logoOrIcon: logoOrIcon,
17
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
18
- });
19
- }
20
- const LogoRendererMemo = /*#__PURE__*/memo(LogoRendererNoMemo);
21
- function LogoRendererNoMemo({
22
8
  logoOrIcon: LogoOrIcon,
23
9
  shouldUseNewLogoDesign
24
10
  }) {
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko19bv{border-radius:10px}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1ris{width:max-content}
5
6
  ._1e0c1txw{display:flex}
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -11,6 +11,7 @@ import { useHasCustomTheme } from '../themed/has-custom-theme-context';
11
11
  import { LogoRenderer } from './logo-renderer';
12
12
  var anchorStyles = {
13
13
  root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
14
+ rootT26Shape: "_2rko1mok",
14
15
  interactionStates: "_irr31dpa _1di69yc7",
15
16
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
16
17
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -65,7 +66,7 @@ export var AppLogo = function AppLogo(_ref) {
65
66
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
66
67
  // eslint-disable-next-line @compiled/no-suppress-xcss
67
68
  ,
68
- xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
69
+ xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
69
70
  onClick: onClick
70
71
  }, /*#__PURE__*/React.createElement(Inline, {
71
72
  space: "space.075",
package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js CHANGED
@@ -1,25 +1,12 @@
1
1
  /* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ import * as React from 'react';
2
3
  import { ax, ix } from "@compiled/react/runtime";
3
- import React, { memo } from 'react';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
6
5
  export var themedLogoIcon = '--ds-top-bar-logo-icon';
7
6
  export var themedLogoText = '--ds-top-bar-logo-text';
8
7
  export function LogoRenderer(_ref) {
9
- var logoOrIcon = _ref.logoOrIcon,
8
+ var LogoOrIcon = _ref.logoOrIcon,
10
9
  shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
11
- return fg('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/React.createElement(LogoRendererMemo, {
12
- logoOrIcon: logoOrIcon,
13
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
14
- }) : /*#__PURE__*/React.createElement(LogoRendererNoMemo, {
15
- logoOrIcon: logoOrIcon,
16
- shouldUseNewLogoDesign: shouldUseNewLogoDesign
17
- });
18
- }
19
- var LogoRendererMemo = /*#__PURE__*/memo(LogoRendererNoMemo);
20
- function LogoRendererNoMemo(_ref2) {
21
- var LogoOrIcon = _ref2.logoOrIcon,
22
- shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign;
23
10
  var hasCustomTheme = useHasCustomTheme();
24
11
  if (hasCustomTheme) {
25
12
  return /*#__PURE__*/React.createElement(LogoOrIcon, {
package/dist/types/ui/top-nav-items/nav-logo/logo-renderer.d.ts CHANGED
@@ -2,13 +2,10 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import React from 'react';
6
5
  import type { LogoProps } from '@atlaskit/logo';
7
6
  export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
8
7
  export declare const themedLogoText = "--ds-top-bar-logo-text";
9
- export declare function LogoRenderer({ logoOrIcon, shouldUseNewLogoDesign, }: React.ComponentProps<typeof LogoRendererNoMemo>): JSX.Element;
10
- declare function LogoRendererNoMemo({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
8
+ export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
11
9
  logoOrIcon: (props: LogoProps) => JSX.Element;
12
10
  shouldUseNewLogoDesign?: boolean;
13
11
  }): JSX.Element;
14
- export {};
package/dist/types-ts4.5/ui/top-nav-items/nav-logo/logo-renderer.d.ts CHANGED
@@ -2,13 +2,10 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import React from 'react';
6
5
  import type { LogoProps } from '@atlaskit/logo';
7
6
  export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
8
7
  export declare const themedLogoText = "--ds-top-bar-logo-text";
9
- export declare function LogoRenderer({ logoOrIcon, shouldUseNewLogoDesign, }: React.ComponentProps<typeof LogoRendererNoMemo>): JSX.Element;
10
- declare function LogoRendererNoMemo({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
8
+ export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
11
9
  logoOrIcon: (props: LogoProps) => JSX.Element;
12
10
  shouldUseNewLogoDesign?: boolean;
13
11
  }): JSX.Element;
14
- export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.12.2",
3
+ "version": "5.13.0",
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",
@@ -68,14 +68,14 @@
68
68
  "dependencies": {
69
69
  "@atlaskit/analytics-next": "^11.1.0",
70
70
  "@atlaskit/avatar": "^25.6.0",
71
- "@atlaskit/button": "^23.8.0",
71
+ "@atlaskit/button": "^23.9.0",
72
72
  "@atlaskit/css": "^0.18.0",
73
73
  "@atlaskit/ds-lib": "^5.3.0",
74
74
  "@atlaskit/icon": "^29.3.0",
75
75
  "@atlaskit/layering": "^3.4.0",
76
76
  "@atlaskit/logo": "^19.9.0",
77
77
  "@atlaskit/platform-feature-flags": "^1.1.0",
78
- "@atlaskit/popup": "^4.7.0",
78
+ "@atlaskit/popup": "^4.8.0",
79
79
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
80
80
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
81
81
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
@@ -116,7 +116,7 @@
116
116
  "@atlaskit/skeleton": "^2.1.0",
117
117
  "@atlaskit/textfield": "^8.2.0",
118
118
  "@atlassian/feature-flags-test-utils": "^1.0.0",
119
- "@atlassian/gemini": "^1.24.0",
119
+ "@atlassian/gemini": "^1.25.0",
120
120
  "@atlassian/search-dialog": "^9.10.0",
121
121
  "@atlassian/ssr-tests": "workspace:^",
122
122
  "@atlassian/test-utils": "^1.0.0",
@@ -164,9 +164,6 @@
164
164
  "platform-team25-app-icon-tiles": {
165
165
  "type": "boolean"
166
166
  },
167
- "jiv-20710-fix-nav-rerender": {
168
- "type": "boolean"
169
- },
170
167
  "platform_dst_nav4_layering_in_main_slot_fixes": {
171
168
  "type": "boolean"
172
169
  },